Skip to content

GraceMonorepo
GraceMonorepo
Commit ca1b3adc authored by haiyoucuv's avatar haiyoucuv
Browse files
Options

net

parent 23388ad9
Hide whitespace changes
Inline Side-by-side
Showing with 876 additions and 1026 deletions
packages/built-in/package.json
View file @ ca1b3adc
...@@ -10,6 +10,10 @@ ...@@ -10,6 +10,10 @@
"lint": "eslint .", "lint": "eslint .",
"preview": "vite preview" "preview": "vite preview"
}, },
"files": [
"dist",
"README.md"
],
"main": "dist/index.cjs", "main": "dist/index.cjs",
"module": "dist/index.js", "module": "dist/index.js",
"types": "dist/index.d.ts", "types": "dist/index.d.ts",
......
packages/svgaplayer/package.json
View file @ ca1b3adc
...@@ -10,6 +10,10 @@ ...@@ -10,6 +10,10 @@
"lint": "eslint .", "lint": "eslint .",
"preview": "vite preview" "preview": "vite preview"
}, },
"files": [
"dist",
"README.md"
],
"main": "dist/index.cjs", "main": "dist/index.cjs",
"module": "dist/index.js", "module": "dist/index.js",
"types": "dist/index.d.ts", "types": "dist/index.d.ts",
......
packages/svgaplayer/src/components/SvgaPlayer.tsx
View file @ ca1b3adc
...@@ -9,7 +9,7 @@ type MergedHTMLAttributes = Omit< ...@@ -9,7 +9,7 @@ type MergedHTMLAttributes = Omit<
'onPause' 'onPause'
>; >;
export type HTMLDisplayElement = HTMLImageElement | HTMLCanvasElement | ImageBitmap; export type DisplayElement = HTMLImageElement | HTMLCanvasElement | ImageBitmap;
export interface SvgaPlayerRef { export interface SvgaPlayerRef {
nativeElement: HTMLCanvasElement; nativeElement: HTMLCanvasElement;
...@@ -18,8 +18,8 @@ export interface SvgaPlayerRef { ...@@ -18,8 +18,8 @@ export interface SvgaPlayerRef {
pause: () => Player; pause: () => Player;
resume: () => Player; resume: () => Player;
stop: () => Player; stop: () => Player;
replaceImage: (name: string, img: string | HTMLDisplayElement) => Promise<HTMLDisplayElement>; replaceImage: (name: string, img: string | DisplayElement) => Promise<DisplayElement>;
addImage: (parentName: string, targetName: string, img: string | HTMLDisplayElement, width?: number, height?: number) => void; addImage: (parentName: string, targetName: string, img: string | DisplayElement, width?: number, height?: number) => void;
removeImage: (targetName: string) => void; removeImage: (targetName: string) => void;
} }
...@@ -84,7 +84,7 @@ export const SvgaPlayer = forwardRef< ...@@ -84,7 +84,7 @@ export const SvgaPlayer = forwardRef<
playInfo.current.player.stop(); playInfo.current.player.stop();
return playInfo.current.player; return playInfo.current.player;
}, },
async replaceImage(name: string, img: string | HTMLDisplayElement): Promise<HTMLDisplayElement> { async replaceImage(name: string, img: string | DisplayElement): Promise<DisplayElement> {
const player = playInfo.current.player; const player = playInfo.current.player;
if (playInfo.current.player && playInfo.current.player.videoEntity) { if (playInfo.current.player && playInfo.current.player.videoEntity) {
if (typeof img === 'string') { if (typeof img === 'string') {
...@@ -95,7 +95,7 @@ export const SvgaPlayer = forwardRef< ...@@ -95,7 +95,7 @@ export const SvgaPlayer = forwardRef<
return img; return img;
} }
}, },
async addImage(parentName: string, targetName: string, img: string | HTMLDisplayElement, width?: number, height?: number) { async addImage(parentName: string, targetName: string, img: string | DisplayElement, width?: number, height?: number) {
const player = playInfo.current.player; const player = playInfo.current.player;
if (player && player.videoEntity) { if (player && player.videoEntity) {
let videoItem = player.videoEntity let videoItem = player.videoEntity
......
packages/ui/package.json
View file @ ca1b3adc
...@@ -10,10 +10,18 @@ ...@@ -10,10 +10,18 @@
"lint": "eslint .", "lint": "eslint .",
"preview": "vite preview" "preview": "vite preview"
}, },
"files": [
"dist",
"README.md"
],
"main": "dist/index.cjs", "main": "dist/index.cjs",
"module": "dist/index.js", "module": "dist/index.js",
"types": "dist/index.d.ts", "types": "dist/index.d.ts",
"dependencies": { "dependencies": {
"svga": "^2.1.1" "svga": "^2.1.1"
},
"peerDependencies": {
"react": ">=16.9.0",
"react-dom": ">=16.9.0"
} }
} }
packages/ui/src/components/Button/Button.tsx
View file @ ca1b3adc
import React, { HTMLAttributes, CSSProperties, MouseEventHandler, ReactElement, useState } from "react"; import React, { HTMLAttributes, ReactElement, useState } from "react";
export interface IBaseButtonProps {
className?: string;
}
type MergedHTMLAttributes = Omit< type MergedHTMLAttributes = Omit<
...@@ -11,8 +6,9 @@ type MergedHTMLAttributes = Omit< ...@@ -11,8 +6,9 @@ type MergedHTMLAttributes = Omit<
'onPause' 'onPause'
>; >;
interface IButtonProps extends IBaseButtonProps, MergedHTMLAttributes { interface IButtonProps extends MergedHTMLAttributes {
anchorX?: "center" | "left" | "right";
anchorY?: "center" | "top" | "bottom";
} }
...@@ -26,31 +22,40 @@ export const Button = (props: IButtonProps): ReactElement => { ...@@ -26,31 +22,40 @@ export const Button = (props: IButtonProps): ReactElement => {
const { const {
children, children,
className, className,
onClick = () => void 0, style,
style = {} onTouchStart,
onTouchEnd,
onTouchCancel,
anchorX = "center",
anchorY = "center",
} = props; } = props;
const [scale, setScale] = useState("unset"); const [scale, setScale] = useState("unset");
const onTouchStart = () => { const touchStart = (e: React.TouchEvent<HTMLDivElement>) => {
setScale("scale(0.9,0.9)"); onTouchStart && onTouchStart(e);
setScale("scale(0.92, 0.92)");
}; };
const onTouchEnd = () => { const touchEnd = (e: React.TouchEvent<HTMLDivElement>) => {
onTouchEnd && onTouchEnd(e);
setScale("unset"); setScale("unset");
}; };
const onTouchCancel = onTouchEnd; const touchCancel = (e: React.TouchEvent<HTMLDivElement>) => {
onTouchCancel && onTouchCancel(e);
setScale("unset");
}
return <div return <div
className={className} className={className}
onTouchStart={onTouchStart} onTouchStart={touchStart}
onTouchEnd={onTouchEnd} onTouchEnd={touchEnd}
onTouchCancel={onTouchCancel} onTouchCancel={touchCancel}
onClick={onClick}
style={{ style={{
transitionDuration: "0.5s", transitionDuration: "50ms",
transform: scale, transform: scale,
transformOrigin: `${anchorX} ${anchorY}`,
...style, ...style,
}} }}
> >
......
packages/ui/src/index.tsx
View file @ ca1b3adc
export * from "./components/Button";
packages/ui/vite.config.ts
View file @ ca1b3adc
...@@ -31,7 +31,7 @@ export default defineConfig(({ mode }): UserConfig => { ...@@ -31,7 +31,7 @@ export default defineConfig(({ mode }): UserConfig => {
}, },
plugins: [ plugins: [
react(), react(),
dts({ rollupTypes: true, tsconfigPath: './tsconfig.app.json' }) dts({ tsconfigPath: './tsconfig.app.json' })
], ],
css: { css: {
preprocessorOptions: { preprocessorOptions: {
......
playground/README.md
View file @ ca1b3adc
# React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
## Expanding the ESLint configuration
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
- Configure the top-level `parserOptions` property like this:
```js
export default tseslint.config({
languageOptions: {
// other options...
parserOptions: {
project: ['./tsconfig.node.json', './tsconfig.app.json'],
tsconfigRootDir: import.meta.dirname,
},
},
})
```
- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
- Optionally add `...tseslint.configs.stylisticTypeChecked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
```js
// eslint.config.js
import react from 'eslint-plugin-react'
export default tseslint.config({
// Set the react version
settings: { react: { version: '18.3' } },
plugins: {
// Add the react plugin
react,
},
rules: {
// other rules...
// Enable its recommended rules
...react.configs.recommended.rules,
...react.configs['jsx-runtime'].rules,
},
})
```
playground/mock/home.ts 0 → 100644
View file @ ca1b3adc
export default [
{
url: '/game/index.do',
response: ({ query }) => {
console.log(query)
return {
"success": true,
"code": "",
"message": "",
"data": {
"actStartTimestamp": 1704038400000,
"actEndTimestamp": 1735660799000,
"currentTimestamp": 1712647160069,
"homeSubtitle": "副标题副标题副标题",
"leftCredits": 1234,
"currentVipLevel": 3,
"currentVipLevelWeeklySecKillLimit": 2,
"currentWeekLeftSecKillChance": 1,
"currentWeekSecKillBeLimited": false,
"vipLevelWeeklySecKillLimitConfigList": [
{
"vipLevel": 1,
"limit": 1
},
{
"vipLevel": 2,
"limit": 1
},
{
"vipLevel": 3,
"limit": 2
},
{
"vipLevel": 4,
"limit": 3
},
{
"vipLevel": 5,
"limit": 4
}
],
"dailySecKillLimit": 1,
"todaySecKillBeLimited": true,
"leftPeriod": {
"period": 1,
"startTimestamp": 111,
"endTimestamp": 222
},
"middlePeriod": {
"period": 2,
"startTimestamp": 333,
"endTimestamp": 444,
"secKillInfoList": [
{
"ruleId": "ru_4",
"optionId": "bbbbaaaa",
"optionName": "50元微信立减金",
"optionImg": "https://www.baidu.com/ljj_50.png",
"prizeUseRuleTitle": "满800元可用",
"prizeUseRuleDesc": "收到了附件撒冷风机撒都发了",
"totalStock": 20,
"leftStock": 15,
"minLevel": null,
"costCredits": 800,
"strikeCredits": 1200,
"todayCurrentPeriodSecKillFlag": false
},
{
"ruleId": "ru_5",
"optionId": "bbbbbbbb",
"optionName": "100元微信立减金",
"optionImg": "https://www.baidu.com/ljj_100.png",
"prizeUseRuleTitle": "满1000元可用",
"prizeUseRuleDesc": "收到绝对是撒旦法拉水电费",
"totalStock": 10,
"leftStock": 3,
"minLevel": 3,
"costCredits": 1000,
"strikeCredits": 1800,
"todayCurrentPeriodSecKillFlag": true
}
]
},
"rightPeriod": {
"period": 1,
"startTimestamp": 555,
"endTimestamp": 666
},
"dailyExchangeLimit": 1,
"todayExchangeBeLimited": true,
"exchangeInfoList": [
{
"ruleId": "ru_6",
"optionId": "ccccaaaa",
"optionName": "10元话费",
"optionImg": "https://www.baidu.com/hf_10.png",
"totalStock": 10,
"leftStock": 3,
"minLevel": null,
"costCredits": 100,
"todayExchangeFlag": false
},
{
"ruleId": "ru_7",
"optionId": "ccccbbbb",
"optionName": "20元话费",
"optionImg": "https://www.baidu.com/hf_20.png",
"totalStock": 5,
"leftStock": 1,
"minLevel": null,
"costCredits": 200,
"todayExchangeFlag": true
},
{
"ruleId": "ru_8",
"optionId": "cccccccc",
"optionName": "50元话费",
"optionImg": "https://www.baidu.com/hf_50.png",
"totalStock": 3,
"leftStock": 0,
"minLevel": 4,
"costCredits": 250,
"todayExchangeFlag": false
}
]
}
}
},
}
]
playground/mock/index.ts
View file @ ca1b3adc
...@@ -28,8 +28,7 @@ export default [ ...@@ -28,8 +28,7 @@ export default [
}, },
}, },
{ {
url: '/spring/start.do', url: '/join.do',
method: 'get',
response: ({query}) => { response: ({query}) => {
return { return {
"code": "code", "code": "code",
......
playground/package.json
View file @ ca1b3adc
{ {
"name": "@grace/playground", "name": "@grace/template",
"private": true, "private": true,
"version": "0.0.1", "version": "0.0.0",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
...@@ -14,7 +14,6 @@ ...@@ -14,7 +14,6 @@
"@grace/built-in": "workspace:^", "@grace/built-in": "workspace:^",
"@grace/svgaplayer": "workspace:^", "@grace/svgaplayer": "workspace:^",
"@grace/ui": "workspace:^", "@grace/ui": "workspace:^",
"@types/node": "^22.7.6",
"axios": "^1.7.7", "axios": "^1.7.7",
"chalk": "^5.3.0", "chalk": "^5.3.0",
"crypto-js": "^4.2.0", "crypto-js": "^4.2.0",
...@@ -24,6 +23,7 @@ ...@@ -24,6 +23,7 @@
"mobx": "^6.13.1", "mobx": "^6.13.1",
"mobx-react": "^9.1.1", "mobx-react": "^9.1.1",
"progress": "^2.0.3", "progress": "^2.0.3",
"qs": "^6.13.0",
"react": "^18.3.1", "react": "^18.3.1",
"react-dom": "^18.3.1", "react-dom": "^18.3.1",
"spark-utils": "^1.1.2" "spark-utils": "^1.1.2"
...@@ -36,6 +36,7 @@ ...@@ -36,6 +36,7 @@
"@types/crypto-js": "^4.2.2", "@types/crypto-js": "^4.2.2",
"@types/postcss-pxtorem": "^6.0.3", "@types/postcss-pxtorem": "^6.0.3",
"@types/progress": "^2.0.7", "@types/progress": "^2.0.7",
"@types/qs": "^6.9.16",
"@types/react": "^18.3.3", "@types/react": "^18.3.3",
"@types/react-dom": "^18.3.0", "@types/react-dom": "^18.3.0",
"@vitejs/plugin-legacy": "^5.4.2", "@vitejs/plugin-legacy": "^5.4.2",
......
playground/src/App.tsx
View file @ ca1b3adc
...@@ -5,7 +5,8 @@ import store from "./store/store"; ...@@ -5,7 +5,8 @@ import store from "./store/store";
import "./utils/checkwebp"; import "./utils/checkwebp";
import MD from "./MD"; // 埋点 import "./MD";
import { PAGE_MAP } from "./utils/constants"; import { PAGE_MAP } from "./utils/constants";
import LoadingDemo from "./pages/LoadingDemo/LoadingDemo"; import LoadingDemo from "./pages/LoadingDemo/LoadingDemo";
import HomeDemo from "./pages/HomeDemo/HomeDemo"; import HomeDemo from "./pages/HomeDemo/HomeDemo";
...@@ -15,34 +16,32 @@ import './App.less' ...@@ -15,34 +16,32 @@ import './App.less'
import '@csstools/normalize.css'; import '@csstools/normalize.css';
import API from "./api"; import API from "./api";
MD();
const pageMap = { const pageMap = {
[PAGE_MAP.LOADING_PAGE]: <LoadingDemo />, [PAGE_MAP.LOADING_PAGE]: <LoadingDemo />,
[PAGE_MAP.HOME_PAGE]: <HomeDemo />, [PAGE_MAP.HOME_PAGE]: <HomeDemo />,
}; };
@observer @observer
class App extends Component { class App extends Component {
async componentDidMount() { async componentDidMount() {
await store.getFrontVariable(); await store.getFrontVariable();
store.initRule(); store.initRule();
API.doJoin(); API.index({aaaa: "啊实打实"});
} }
render() { render() {
const { curPage, pageData } = store; const { curPage, pageData } = store;
return ( return (
<> <>
{{ ...pageMap[curPage], props: { ...pageData } }} {{ ...pageMap[curPage], props: { ...pageData } }}
<Modal /> <Modal />
</> </>
); );
} }
} }
createRoot(document.getElementById('root')!).render( createRoot(document.getElementById('root')!).render(
<App /> <App />
); );
playground/src/MD.ts
View file @ ca1b3adc
import { logClick, logExposure, MDAuto } from "@grace/built-in"; import { logClick, logExposure, MDAuto } from "@grace/built-in";
import { IAutoMdData } from "@grace/built-in/src";
const appId = CFG.appID; const appId = CFG.appID;
const dcm = "202." + CFG.projectId + ".0.0"; const dcm = "202." + CFG.projectId + ".0.0";
const domain = "https://embedlog.duiba.com.cn"; const domain = "https://embedlog.duiba.com.cn";
const MDList = new Array(2).fill("").map((v, i) => { const MDList: IAutoMdData[] = new Array(10).fill("").map((_, i) => {
return { return {
ele: `.md${i + 1}`, ele: `.md${i + 1}`,
data: { data: {
...@@ -16,13 +17,12 @@ const MDList = new Array(2).fill("").map((v, i) => { ...@@ -16,13 +17,12 @@ const MDList = new Array(2).fill("").map((v, i) => {
}; };
}); });
export default () => MDAuto({
MDAuto({ show: MDList, // 曝光
show: MDList, // 曝光 click: MDList, // 点击
click: MDList, // 点击 });
});
export function handleLogExposure(id, id2 = 0) { export function handleLogExposure(id: number | string, id2: number | string = 0) {
logExposure({ logExposure({
dpm: `${appId}.110.${id}.${id2}`, dpm: `${appId}.110.${id}.${id2}`,
dcm, dcm,
...@@ -31,7 +31,7 @@ export function handleLogExposure(id, id2 = 0) { ...@@ -31,7 +31,7 @@ export function handleLogExposure(id, id2 = 0) {
}); });
} }
export function handleLogClick(id, id2 = 0) { export function handleLogClick(id: number | string, id2: number | string = 0) {
logClick({ logClick({
dpm: `${appId}.110.${id}.${id2}`, dpm: `${appId}.110.${id}.${id2}`,
dcm, dcm,
......
playground/src/api/index.ts
View file @ ca1b3adc
...@@ -5,11 +5,6 @@ const API = generateAPI({ ...@@ -5,11 +5,6 @@ const API = generateAPI({
getRule: 'projectRule.query', getRule: 'projectRule.query',
/** 获取前端配置项 */ /** 获取前端配置项 */
getFrontVariable: 'coop_frontVariable.query', getFrontVariable: 'coop_frontVariable.query',
/** 参与接口 post请求 */
doJoin: {
uri: 'join.do',
method: "post"
},
/** 签到 */ /** 签到 */
doSign: { doSign: {
uri: 'checkin_1/doSign.do', uri: 'checkin_1/doSign.do',
...@@ -27,9 +22,10 @@ const API = generateAPI({ ...@@ -27,9 +22,10 @@ const API = generateAPI({
uri: "userLogin.check", uri: "userLogin.check",
showMsg: false, showMsg: false,
}, },
buriedPoint: {
uri: "home/buriedPoint.do", index: {
showMsg: false, method: 'post',
uri: "game/index.do",
}, },
}) })
......
playground/src/api/utils.ts
View file @ ca1b3adc
...@@ -7,17 +7,19 @@ import { getPxToken } from "@/built-in/getPxToken.js"; ...@@ -7,17 +7,19 @@ import { getPxToken } from "@/built-in/getPxToken.js";
import { Axios } from 'axios'; import { Axios } from 'axios';
import qs from "qs";
interface IRes { interface IRes {
success: boolean; success: boolean;
data: any; data: any;
msg: string; msg: string;
code: number | string; code: number | string;
} }
const mergeData = { const mergeData = {
user_type: newUser ? '0' : '1', user_type: newUser ? '0' : '1',
is_from_share: isFromShare ? '0' : '1', is_from_share: isFromShare ? '0' : '1',
} }
// let tempCookieId = ""; // let tempCookieId = "";
...@@ -27,18 +29,18 @@ const mergeData = { ...@@ -27,18 +29,18 @@ const mergeData = {
// } // }
export function resetBackCookie(duibaTempCookieId) { export function resetBackCookie(duibaTempCookieId) {
return new Promise((resolve) => { return new Promise((resolve) => {
apiAxios.request({ apiAxios.request({
url: "/autoLogin/resetCookie", url: "/autoLogin/resetCookie",
data: { params: {
duibaTempCookieId duibaTempCookieId
} }
}).then((resp) => { }).then((resp) => {
return resolve('success'); return resolve('success');
}, (e) => { }, (e) => {
return resolve(e); return resolve(e);
});
}); });
});
} }
/** /**
...@@ -47,53 +49,43 @@ export function resetBackCookie(duibaTempCookieId) { ...@@ -47,53 +49,43 @@ export function resetBackCookie(duibaTempCookieId) {
* @returns * @returns
*/ */
function getRequestParams(value) { function getRequestParams(value) {
if (typeof value === 'string') { if (typeof value === 'string') {
return { return { uri: value, method: 'get' };
uri: value, } else if (typeof value === 'object') {
method: 'get' const {
} uri,
} else if (typeof value === 'object') { method = 'get',
const { showMsg = true,
uri, headers, withToken,
method = 'get', } = value;
showMsg = true, return { uri, method, headers, withToken, showMsg };
headers, } else {
withToken, console.error('getRequestParams: 传参有误');
} = value; }
return {
uri,
method,
headers,
withToken,
showMsg
}
} else {
console.error('getRequestParams: 传参有误');
}
} }
const apiAxios = new Axios({ const apiAxios = new Axios({
timeout: 10000, timeout: 10000,
}); });
apiAxios.interceptors.response.use( apiAxios.interceptors.response.use(
async (resp) => { async (resp) => {
try { try {
const res = JSON.parse(resp.data); const res = JSON.parse(resp.data);
if (res.success) { if (res.success) {
return res; return res;
} else { } else {
return { success: false };
}
} catch (e) {
return { success: false };
}
},
async (error) => {
console.error(error);
return { success: false }; return { success: false };
}
} catch (e) {
return { success: false };
} }
},
async (error) => {
console.error(error);
return { success: false };
}
); );
/** /**
...@@ -102,74 +94,77 @@ apiAxios.interceptors.response.use( ...@@ -102,74 +94,77 @@ apiAxios.interceptors.response.use(
* @param apiList * @param apiList
*/ */
export function generateAPI(apiList): { [key in string]: (params?, headers?) => Promise<IRes> } { export function generateAPI(apiList): { [key in string]: (params?, headers?) => Promise<IRes> } {
const api = {}; const api = {};
for (const key in apiList) { for (const key in apiList) {
let value = apiList[key]; let value = apiList[key];
if (typeof value === 'string') { if (typeof value === 'string') {
value = { value = {
uri: value, uri: value,
method: 'get' method: 'get'
} }
} }
const {
method = 'get',
uri,
headers: mHeaders,
withToken,
showMsg = true
} = value;
api[key] = async (params: any = {}, headers: any = {}) => {
// cookie丢失的问题
// 如遇跳转Cookie丢失，打开如下代码
// const duibaTempCookieId = localStorage.getItem("db_temp_cookie");
// // const duibaTempCookieId = tempCookieId;
//
// if (duibaTempCookieId) {
// localStorage.removeItem("db_temp_cookie");
// // tempCookieId = "";
//
// const res = await API.userLogin()
// .catch(async () => {
// await resetBackCookie(duibaTempCookieId);
// });
//
// if (!res || !res.success) {
// await resetBackCookie(duibaTempCookieId);
// }
// }
if (withToken) { // 是否携带token
params.token = await getPxToken()
.catch(() => {
// Toast('网络异常，请稍后再试~');
return ({ success: false, data: '' });
});
}
const mergedHeaders = { ...mHeaders, ...headers }
params = { ...params, ...mergeData };
const res: IRes = await apiAxios.request({
method,
url: uri,
headers: mergedHeaders,
data: params,
});
if (res) {
if (!res.success && showMsg) {
errorHandler(res);
}
return res;
} else {
return { success: false, data: '' };
}
const {
method = 'get',
uri,
headers: mHeaders,
withToken,
showMsg = true
} = value;
api[key] = async (params: any = {}, headers: any = {}) => {
const isPost = method.toLowerCase() === 'post';
// cookie丢失的问题
// 如遇跳转Cookie丢失，打开如下代码
// const duibaTempCookieId = localStorage.getItem("db_temp_cookie");
// // const duibaTempCookieId = tempCookieId;
//
// if (duibaTempCookieId) {
// localStorage.removeItem("db_temp_cookie");
// // tempCookieId = "";
//
// const res = await API.userLogin()
// .catch(async () => {
// await resetBackCookie(duibaTempCookieId);
// });
//
// if (!res || !res.success) {
// await resetBackCookie(duibaTempCookieId);
// }
// }
if (withToken) { // 是否携带token
params.token = await getPxToken()
.catch(() => {
// Toast('网络异常，请稍后再试~');
return ({ success: false, data: '' });
});
}
const mergedHeaders = { ...mHeaders, ...headers }
params = { ...params, ...mergeData };
const res: IRes = await apiAxios.request({
method,
url: uri,
headers: mergedHeaders,
params: (!isPost) && qs.stringify(params),
data: isPost && qs.stringify(params),
});
if (res) {
if (!res.success && showMsg) {
errorHandler(res);
} }
return res;
} else {
return { success: false, data: '' };
}
} }
}
return api; return api;
} }
playground/src/built-in/duiba-utils/browser.ts
View file @ ca1b3adc
/**
* Created by rockyl on 2019-12-10.
*/
export const queryParams: any = {}; export const queryParams: any = {};
let search = window.location.search; let search = window.location.search;
...@@ -16,7 +12,7 @@ for (const item of search.replace('?', '').split('&')) { ...@@ -16,7 +12,7 @@ for (const item of search.replace('?', '').split('&')) {
export function windowVisibility(callback?: (visible: boolean) => void) { export function windowVisibility(callback?: (visible: boolean) => void) {
//设置隐藏属性和改变可见属性的事件的名称 //设置隐藏属性和改变可见属性的事件的名称
let visibilityChange; let visibilityChange: string;
if (typeof document.hidden !== 'undefined') { if (typeof document.hidden !== 'undefined') {
visibilityChange = 'visibilitychange'; visibilityChange = 'visibilitychange';
} else if (typeof document['msHidden'] !== 'undefined') { } else if (typeof document['msHidden'] !== 'undefined') {
......
playground/src/built-in/duiba-utils/env.d.ts deleted 100644 → 0
View file @ 23388ad9
/**
* Created by rockyl on 2020/11/30.
*/
declare const CFG: any;
playground/src/built-in/duiba-utils/index.ts
View file @ ca1b3adc
/**
* Created by rockyl on 2020/9/21.
*/
export * from './net'
export * from './browser' export * from './browser'
export * from './utils' export * from './utils'
export * from './init' export * from './init'
playground/src/built-in/duiba-utils/init.ts
View file @ ca1b3adc
/** import { queryParams, windowVisibility, } from "./browser";
* Created by rockyl on 2020/9/21. import { accessLog } from "./utils";
*/
import {queryParams, windowVisibility,} from "./browser";
import {accessLog} from "./utils";
export let appID: string, channelType: string, projectID: string, isFromShare: boolean, newUser: boolean = true; export let appID: string, channelType: string, projectID: string, isFromShare: boolean, newUser: boolean = true;
//appID提取 //appID提取
if (queryParams.appID) { if (queryParams.appID) {
appID = queryParams.appID; appID = queryParams.appID;
}else if (CFG.appID) { } else if (CFG.appID) {
appID = CFG.appID; appID = CFG.appID;
} }
//渠道类型提取 //渠道类型提取
if (queryParams.channelType) { if (queryParams.channelType) {
channelType = queryParams.channelType; channelType = queryParams.channelType;
} }
//projectID提取 //projectID提取
if (queryParams.projectID) { if (queryParams.projectID) {
projectID = queryParams.projectID; projectID = queryParams.projectID;
} else { } else {
const result = window.location.pathname.match(/\/projectx\/(.*?)\/.*?/); const result = window.location.pathname.match(/\/projectx\/(.*?)\/.*?/);
if (result) { if (result) {
projectID = result[1]; projectID = result[1];
} }
} }
//是否是分享回流 //是否是分享回流
...@@ -36,65 +32,65 @@ isFromShare = Object.prototype.hasOwnProperty.call(window, 'isFromShare') ? wind ...@@ -36,65 +32,65 @@ isFromShare = Object.prototype.hasOwnProperty.call(window, 'isFromShare') ? wind
* 手动设置来自分享 * 手动设置来自分享
*/ */
export function setFromShare() { export function setFromShare() {
isFromShare = true; isFromShare = true;
} }
window['setFromShare'] = setFromShare window['setFromShare'] = setFromShare
//新用户标记提取 //新用户标记提取
function getNewUser() { function getNewUser() {
if (!localStorage) { if (!localStorage) {
return return
} }
const key = 'nu_' + appID + '_' + projectID; const key = 'nu_' + appID + '_' + projectID;
const v = localStorage.getItem(key); const v = localStorage.getItem(key);
if (v) { if (v) {
newUser = false; newUser = false;
} else { } else {
localStorage.setItem(key, '1'); localStorage.setItem(key, '1');
} }
} }
getNewUser(); getNewUser();
if (window['isSharePage']) { if (window['isSharePage']) {
setTimeout(function () { setTimeout(function () {
accessLog(506); accessLog(506);
}, 100) }, 100)
} }
function dealPageRemainTime() { function dealPageRemainTime() {
let startTimer = new Date().getTime(); let startTimer = new Date().getTime();
let endTimer; let endTimer: number;
windowVisibility((visibility) => { windowVisibility((visibility) => {
if (visibility) { if (visibility) {
startTimer = new Date().getTime(); startTimer = new Date().getTime();
//console.log('starttimer', startTimer) //console.log('starttimer', startTimer)
} else { } else {
endTimer = new Date().getTime(); endTimer = new Date().getTime();
//console.log('endTimer', endTimer); //console.log('endTimer', endTimer);
sendData(); sendData();
} }
}) })
const sendData = () => { const sendData = () => {
const t0 = endTimer - startTimer; const t0 = endTimer - startTimer;
//console.log('duration', t0); //console.log('duration', t0);
accessLog(156, { accessLog(156, {
remain: t0, remain: t0,
}); });
}; };
document.body['onbeforeunload'] = () => { document.body['onbeforeunload'] = () => {
endTimer = new Date().getTime(); endTimer = new Date().getTime();
return sendData(); return sendData();
} }
} }
if (!window['stop_report_page_remain_time']) { if (!window['stop_report_page_remain_time']) {
dealPageRemainTime(); dealPageRemainTime();
} }
playground/src/built-in/duiba-utils/net.ts deleted 100644 → 0
View file @ 23388ad9
/**
* Created by rockyl on 2019-11-22.
*/
import { injectProp, obj2query } from "./utils";
/**
* http请求
* @param url
* @param method
* @param params
* @param type
* @param headers
*/
export function httpRequest(url: string, method: string = 'get', params?: any, type: 'text' | 'json' | 'jsonp' = 'text', headers?) {
let openUrl = url.indexOf('blob') === 0 ? url : urlJoin(url, '__ts__=' + Date.now());
let mParams = {};
injectProp(mParams, params);
return new Promise((resolve, reject) => {
let mHeaders = {
'Content-Type': 'application/x-www-form-urlencoded',
};
injectProp(mHeaders, headers);
let request = { url, method, params: mParams, type, headers: mHeaders };
const mock = window['mock'];
let mockRule;
if (mock) {
mock(request, (rule) => {
mockRule = rule;
if (!mockRule) {
doRequest(request, resolve, reject);
}
}, resolve, reject);
} else {
request.url = openUrl;
doRequest(request, resolve, reject);
}
});
}
function doProxyRequest(payload, resolve, reject) {
let proxyWindow = window['proxy_window'];
window.addEventListener('message', onMessage, false);
proxyWindow.postMessage(JSON.stringify({
action: 'http-request-proxy',
payload: payload,
}), '*');
function onMessage(event) {
window.removeEventListener('message', onMessage);
try {
let data = JSON.parse(event.data);
console.log('onMessage', event.data);
switch (data.action) {
case 'http-request-proxy-resolve':
resolve(data.payload);
break;
case 'http-request-proxy-reject':
reject(data.payload);
break;
}
} catch (e) {
}
}
}
function doXhrRequest({ url, method, params, type, headers }, resolve, reject) {
let xhr;
if (window["XMLHttpRequest"]) {
xhr = new XMLHttpRequest();
} else if (window["ActiveXObject"]) {
xhr = new window["ActiveXObject"]();
} else {
console.log('no xhr');
}
if (xhr != null) {
const isGet = method.toUpperCase() === 'GET';
const queryStr = obj2query(params);
let openUrl = url;
if (openUrl.indexOf('projectx') == 0) {
openUrl = '/' + openUrl;
}
if (isGet) {
openUrl = urlJoin(openUrl, queryStr);
}
xhr.open(method, openUrl, true);
for (let key in headers) {
xhr.setRequestHeader(key, headers[key]);
}
xhr.responseType = type;
xhr.onreadystatechange = () => {
if (xhr.readyState == 4 && xhr.status == 200) {
resolve(xhr.response)
}
};
xhr.onerror = (reason): void => {
reject(reason)
};
xhr.onloadend = (): void => {
if (xhr.status == 404) {
reject(url + ' 404 (Not Found)')
}
};
if (isGet) {
xhr.send();
} else {
xhr.send(queryStr);
}
}
}
function doRequest(payload, resolve, reject) {
if (window['proxy_window'] && payload.url.indexOf('blob') !== 0) {
doProxyRequest(payload, function (p) {
resolve(p);
}, reject);
} else {
doXhrRequest(payload, resolve, reject);
}
}
export function urlJoin(url, query) {
if (query) {
url += url.indexOf('?') < 0 ? '?' : '';
url += url[url.length - 1] === '?' ? '' : '&';
return url + query;
} else {
return url;
}
}
playground/src/built-in/duiba-utils/utils.ts
View file @ ca1b3adc
/** import { appID, projectID } from "./init";
* Created by rockyl on 2020/9/21. import axios from "axios";
*/
import {httpRequest} from "./net";
import {appID, projectID} from "./init";
export function cleanNewUser() { export function cleanNewUser() {
if(!localStorage) return; if (!localStorage) return;
let key = 'nu_' + appID + '_' + projectID; let key = 'nu_' + appID + '_' + projectID;
localStorage.removeItem(key); localStorage.removeItem(key);
} }
export function accessLog(pageBizId, params?) { export function accessLog(pageBizId: number, params?: { remain: number; }) {
let p = { let p = {
pageBizId, pageBizId,
}; ...params,
injectProp(p, params); };
return httpRequest('buriedPoint', 'get', p); axios.get("buriedPoint", {
} params: p
});
/**
* 属性注入方法
* @param target 目标对象
* @param data 被注入对象
* @param callback 自定义注入方法
* @param ignoreMethod 是否忽略方法
* @param ignoreNull 是否忽略Null字段
*
* @return 是否有字段注入
*/
export function injectProp(target: any, data?: any, callback?: Function, ignoreMethod: boolean = true, ignoreNull: boolean = true): boolean {
if(!target || !data) {
return false;
}
let result = false;
for(let key in data) {
let value: any = data[key];
if((!ignoreMethod || typeof value != 'function') && (!ignoreNull || value != null)) {
if(callback) {
callback(target, key, value);
} else {
try {
target[key] = value;
} catch(e) {
}
}
result = true;
}
}
return result;
}
/**
* 数组查找
* @param arr
* @param predicate
*/
export function arrayFind(arr, predicate) {
if(!arr) {
return;
}
for(let i = 0, li = arr.length; i < li; i++) {
const item = arr[i];
if(predicate(item, i, arr)) {
return item;
}
}
}
/**
* 对象转query字符串
* @param obj
*/
export function obj2query(obj: any): string {
if(!obj) {
return '';
}
const arr: string[] = [];
for(const key in obj) {
arr.push(key + (key ? '=' : '') + obj[key]);
}
return arr.join('&');
} }
playground/src/built-in/getPxToken.ts
View file @ ca1b3adc
import { CodeError } from "./common-helpers/CodeError"; import { CodeError } from "./common-helpers/CodeError";
import { Errors as ERRORS } from "./common-helpers/errors"; import { Errors as ERRORS } from "./common-helpers/errors";
import { jsonp } from "@grace/built-in"; import { evalJsScript, jsonp } from "@grace/built-in";
import { evalJsScript } from "@grace/built-in";
import axios from "axios"; import axios from "axios";
const isProd = location.href.indexOf('.com.cn/projectx') >= 0; const isProd = location.href.indexOf('.com.cn/projectx') >= 0;
......
playground/src/components/Button/index.tsx deleted 100644 → 0
View file @ 23388ad9
/**
* index.jsx
* Created by 还有醋v on 2022/10/10 下午3:03.
* Copyright © 2022 haiyoucuv. All rights reserved.
*/
import React, { CSSProperties, MouseEventHandler, ReactElement, useState } from "react";
interface IButtonProps {
className?: string;
onClick?: MouseEventHandler;
children?: ReactElement,
style?: CSSProperties,
}
/**
* @return ReactElement
* @constructor
* @param props
*/
export const Button = (props: IButtonProps): ReactElement => {
const {
children,
className,
onClick = () => void 0,
style = {}
} = props;
const [scale, setScale] = useState("unset");
const onTouchStart = () => {
setScale("scale(0.9,0.9)");
};
const onTouchEnd = () => {
setScale("unset");
};
const onTouchCancel = onTouchEnd;
return React.createElement("div", {
className, onTouchStart, onTouchEnd, onTouchCancel, onClick, style: {
transitionDuration: 0.5, transform: scale, ...style
}
}, children);
};
playground/src/pages/HomeDemo/HomeDemo.less
View file @ ca1b3adc
...@@ -19,4 +19,13 @@ ...@@ -19,4 +19,13 @@
width: 400px; width: 400px;
height: 400px; height: 400px;
} }
.button {
position: absolute;
width: 100px;
height: 100px;
left: 100px;
top: 100px;
.sparkBg("LoadingPage/loadingFill.png");
}
} }
playground/src/pages/HomeDemo/HomeDemo.tsx
View file @ ca1b3adc
...@@ -3,6 +3,7 @@ import { observer } from 'mobx-react'; ...@@ -3,6 +3,7 @@ import { observer } from 'mobx-react';
import './HomeDemo.less'; import './HomeDemo.less';
import { SvgaPlayer } from "@grace/svgaplayer"; import { SvgaPlayer } from "@grace/svgaplayer";
import { Button } from "@grace/ui";
import svga from "../../assets/LoadingPage/1红色标题.svga"; import svga from "../../assets/LoadingPage/1红色标题.svga";
import png from "../../assets/LoadingPage/loadingIp.png"; import png from "../../assets/LoadingPage/loadingIp.png";
...@@ -10,18 +11,21 @@ import png from "../../assets/LoadingPage/loadingIp.png"; ...@@ -10,18 +11,21 @@ import png from "../../assets/LoadingPage/loadingIp.png";
@observer @observer
class HomeDemo extends React.Component { class HomeDemo extends React.Component {
componentDidMount() { componentDidMount() {
} }
render() { render() {
return <div className="homeDemo md1"> return <div className="homeDemo md1">
<div className="homeImg md1" /> <div className="homeImg" />
<img src={png} /> <img src={png} />
当前为活动首页 当前为活动首页
<SvgaPlayer className="svga" src={svga} /> <SvgaPlayer className="svga" src={svga} />
</div>;
} <Button className="button md2" />
</div>;
}
} }
export default HomeDemo; export default HomeDemo;
playground/src/vite-env.d.ts
View file @ ca1b3adc
/// <reference types="vite/client" /> /// <reference types="vite/client" />
declare const CFG: any;
declare module "*.svga" { declare module "*.svga" {
const src: string; const src: string;
export default src; export default src;
} }
\ No newline at end of file
pnpm-lock.yaml
View file @ ca1b3adc
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment