@cloud-app-dev/vidc 3.2.38 → 4.0.0

package/.dumirc.ts

@@ -7,8 +7,14 @@ export default defineConfig({
   favicons: ['https://user-images.githubusercontent.com/9554297/83762004-a0761b00-a6a9-11ea-83b4-9c8ff721d4b8.png'],
   outputPath: 'docs-dist',
   targets: { chrome: 60 },
+  // apiParser: {
+  //   unpkgHost: 'https://unpkg.zhimg.com',
+  // },
+  resolve: {
+    // 配置入口文件路径，API 解析将从这里开始
+    entryFile: './src/index.ts',
+  },
   extraBabelPlugins: [
-    ['import', { libraryName: 'antd', style: true }, 'antd'],
     [
       'import',
       {
@@ -29,16 +35,6 @@ export default defineConfig({
       },
       'ahooks',
     ],
-    [
-      'import',
-      {
-        libraryName: '@cloud-app-dev/map',
-        style: false,
-        camel2DashComponentName: false,
-        libraryDirectory: 'es',
-      },
-      'map-components',
-    ],
   ],
   theme: {
     '@ant-prefix': 'cloudapp',

package/.fatherrc.ts

@@ -12,7 +12,6 @@ export default defineConfig({
     output: 'es',
   },
   extraBabelPlugins: [
-    ['import', { libraryName: 'antd', style: true }, 'antd'],
     ['import', { libraryName: '@cloud-app-dev/utils', ...importProps }, 'utils'],
     ['import', { libraryName: 'ahooks', ...importProps }, 'ahooks'],
   ],

package/es/CheckGroupFixed/demo.js

@@ -1,5 +1,4 @@
-import "antd/lib/config-provider/style";
-import _ConfigProvider from "antd/lib/config-provider";
+import { ConfigProvider } from 'antd';
 import React from 'react';
 import CheckGroupFixed from "./index";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,7 +10,7 @@ var defaultSource = Array.from(new Array(100)).map(function (_, i) {
 });
 
 var App = function App() {
-  return /*#__PURE__*/_jsx(_ConfigProvider, {
+  return /*#__PURE__*/_jsx(ConfigProvider, {
     prefixCls: "cloudapp",
     children: /*#__PURE__*/_jsx("div", {
       style: {

package/es/CheckGroupFixed/index.js

@@ -1,7 +1,3 @@
-import "antd/lib/badge/style";
-import _Badge from "antd/lib/badge";
-import "antd/lib/checkbox/style";
-import _Checkbox from "antd/lib/checkbox";
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -22,6 +18,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+import { Badge, Checkbox } from 'antd';
 import React, { useLayoutEffect, useMemo, useRef, useState } from 'react';
 import "./index.less";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -115,7 +112,7 @@ function CheckGroupFixed(_ref) {
         style: {
           height: state.sider ? 'auto' : cutRow * 30
         },
-        children: /*#__PURE__*/_jsx(_Checkbox.Group, {
+        children: /*#__PURE__*/_jsx(Checkbox.Group, {
           value: state.selectKeys,
           className: "check-box-group-layout",
           onChange: function onChange(keys) {
@@ -126,7 +123,7 @@ function CheckGroupFixed(_ref) {
             });
           },
           children: source.map(function (v) {
-            return /*#__PURE__*/_jsx(_Checkbox, {
+            return /*#__PURE__*/_jsx(Checkbox, {
               style: {
                 width: checboxSize
               },
@@ -138,7 +135,7 @@ function CheckGroupFixed(_ref) {
             }, v.value);
           })
         })
-      }), state.visible && /*#__PURE__*/_jsx(_Badge, {
+      }), state.visible && /*#__PURE__*/_jsx(Badge, {
         count: state.sider ? 0 : state.selectKeys.length,
         size: "small",
         offset: [10, 0],

package/es/Config/index.js

@@ -58,21 +58,22 @@ var Config = {
     var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     insertThemeStyle(theme);
     Config.theme = produce(Config.theme, function (draft) {
-      Object.keys(theme).forEach(function (key) {
-        draft[key] = theme[key];
-      });
+      for (var _key in theme) {
+        if (theme[_key]) {
+          draft[_key] = theme[_key];
+        }
+      }
     });
-  },
-  getThemeVarValue: function getThemeVarValue(themeKey) {
-    return getComputedStyle(document.querySelector(':root')).getPropertyValue("--".concat(themeKey));
   }
 };
 
 var LMConfig = function () {
-  if (window['_CONFIG_']) {
-    return window['_CONFIG_'];
+  var _global = window;
+
+  if (_global['_CONFIG_']) {
+    return _global['_CONFIG_'];
   } else {
-    window['_CONFIG_'] = Config;
+    _global['_CONFIG_'] = Config;
     lock();
     return Config;
   }

package/es/Config/interface.d.ts

@@ -40,13 +40,13 @@ export type BSConfigType = {
   [key: string]: any;
 };
 
-export type ThemeInfoType = {
+export interface ThemeInfoType {
   vars: { [key: string]: string[] };
   style: {
     menuType: 'inline' | 'horizontal';
     hasTab: boolean;
   };
-};
+}
 
 export type ConfigKey = 'app' | 'feature' | 'featureIds' | 'bs' | 'theme';
 
@@ -61,6 +61,5 @@ export type ConfigJOSN = {
   registerBSConfig: (conf: BSConfigType) => void;
   registerPlatformFeature: (conf: FeatureItemType[]) => void;
   registerThemeConfig: (conf: ThemeInfoType) => void;
-  getThemeVarValue: (themeKey: string) => string;
   [key: string]: any;
 };

package/es/CustomRenderSelect/index.js

@@ -1,5 +1,3 @@
-import "antd/lib/select/style";
-import _Select from "antd/lib/select";
 import _useClickAway from "ahooks/es/useClickAway";
 import _useToggle3 from "ahooks/es/useToggle";
 import _uuid from "@cloud-app-dev/utils/es/uuid";
@@ -27,6 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+import { Select } from 'antd';
 import React, { useMemo, useRef } from 'react';
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -80,7 +79,7 @@ function CustomRenderSelect(_ref) {
   return /*#__PURE__*/_jsxs("div", {
     className: "custom-render-select",
     ref: domRef,
-    children: [/*#__PURE__*/_jsx(_Select, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({}, props), {}, {
       value: value,
       popupClassName: "custom-render-select-dropdown ".concat(classname, " ").concat(popupClassName),
       getPopupContainer: getPopupContainer ? getPopupContainer : function () {

package/es/DynamicList/demo.js

@@ -1,6 +1,3 @@
-import "antd/lib/config-provider/style";
-import _ConfigProvider from "antd/lib/config-provider";
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -13,6 +10,8 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+import { ConfigProvider } from 'antd';
 import React from 'react';
 import DynamicList from "./index";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -34,7 +33,7 @@ function loadPage(d) {
 }
 
 export default function () {
-  return /*#__PURE__*/_jsx(_ConfigProvider, {
+  return /*#__PURE__*/_jsx(ConfigProvider, {
     prefixCls: "cloudapp",
     children: /*#__PURE__*/_jsx("div", {
       style: {

package/es/DynamicList/index.js

@@ -1,5 +1,3 @@
-import "antd/lib/skeleton/style";
-import _Skeleton from "antd/lib/skeleton";
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -14,6 +12,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+import { Skeleton } from 'antd';
 import React, { useMemo, useRef } from 'react';
 import useInfiniteScroll from "../useInfiniteScroll";
 import useVirtualList from "../useVirtualList";
@@ -90,7 +89,7 @@ function DynamicList(_ref) {
             height: itemHeight
           },
           className: itemClassName,
-          children: /*#__PURE__*/_jsx(_Skeleton, {
+          children: /*#__PURE__*/_jsx(Skeleton, {
             paragraph: false,
             loading: true,
             active: true

package/es/ErrorFallback/index.js

@@ -1,7 +1,4 @@
-import "antd/lib/result/style";
-import _Result from "antd/lib/result";
-import "antd/lib/button/style";
-import _Button from "antd/lib/button";
+import { Button, Result } from 'antd';
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -9,7 +6,7 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 function ErrorFallback(_ref) {
   var error = _ref.error,
       resetErrorBoundary = _ref.resetErrorBoundary;
-  return /*#__PURE__*/_jsx(_Result, {
+  return /*#__PURE__*/_jsx(Result, {
     status: "warning",
     title: /*#__PURE__*/_jsxs("div", {
       children: [/*#__PURE__*/_jsx("div", {
@@ -26,7 +23,7 @@ function ErrorFallback(_ref) {
       width: '100%',
       height: '100%'
     },
-    extra: /*#__PURE__*/_jsx(_Button, {
+    extra: /*#__PURE__*/_jsx(Button, {
       type: "primary",
       onClick: resetErrorBoundary,
       children: "\u70B9\u51FB\u5237\u65B0\uFF0C\u91CD\u8BD5"

package/es/FrontendPlayer/index.d.ts

@@ -1,2 +1,4 @@
-import FrontendPlayer from '../Player/frontend_player';
-export default FrontendPlayer;
+/// <reference types="react" />
+import { IFrontendPlayerProps } from '../Player/player';
+declare const _default: import("react").FC<IFrontendPlayerProps>;
+export default _default;

package/es/List/index.d.ts

@@ -25,17 +25,4 @@ export interface ListProps<T> {
     renderHeaderExt?: () => JSX.Element;
 }
 declare function List<T>(props: ListProps<T>): JSX.Element;
-declare namespace List {
-    var defaultProps: {
-        className: string;
-        list: never[];
-        itemKey: string;
-        itemNameKey: string;
-        renderHeaderExt: () => JSX.Element;
-    };
-    var VList: typeof import("../VList").default;
-    var DynamicList: typeof import("../DynamicList").default;
-    var GridList: React.ForwardRefExoticComponent<import("../GridList").GridListProps<unknown> & React.RefAttributes<HTMLDivElement>>;
-    var DynamicGridList: typeof import("../DynamicGridList").default;
-}
 export default List;

package/es/List/index.js

@@ -1,13 +1,8 @@
 import React from 'react';
-import DynamicGridList from "../DynamicGridList";
-import DynamicList from "../DynamicList";
-import GridList from "../GridList";
-import VList from "../VList"; // style
-
+import VList from "../VList";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 
 function List(props) {
   var className = props.className,
@@ -34,17 +29,4 @@ function List(props) {
   });
 }
 
-List.defaultProps = {
-  className: '',
-  list: [],
-  itemKey: 'id',
-  itemNameKey: 'name',
-  renderHeaderExt: function renderHeaderExt() {
-    return /*#__PURE__*/_jsx(_Fragment, {});
-  }
-};
-List.VList = VList;
-List.DynamicList = DynamicList;
-List.GridList = GridList;
-List.DynamicGridList = DynamicGridList;
 export default List;

package/es/LoaderScript/utils.d.ts

@@ -10,5 +10,4 @@ export declare function createAsyncIterable(options: IOptionsLoader[]): {
         }>;
     };
 };
-export declare function tryCatch(resolveFn: () => Promise<any>, rejectFn?: (e: unknown) => void): Promise<void>;
 export declare function runAsyncIterable(Iterables: any, runtime?: (conf: any) => void, callback?: () => void): void;

package/es/LoaderScript/utils.js

@@ -26,6 +26,7 @@ function _asyncIterator(iterable) { var method, async, sync, retry = 2; for ("un
 
 function AsyncFromSyncIterator(s) { function AsyncFromSyncIteratorContinuation(r) { if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object.")); var done = r.done; return Promise.resolve(r.value).then(function (value) { return { value: value, done: done }; }); } return AsyncFromSyncIterator = function AsyncFromSyncIterator(s) { this.s = s, this.n = s.next; }, AsyncFromSyncIterator.prototype = { s: null, n: null, next: function next() { return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); }, return: function _return(value) { var ret = this.s.return; return void 0 === ret ? Promise.resolve({ value: value, done: !0 }) : AsyncFromSyncIteratorContinuation(ret.apply(this.s, arguments)); }, throw: function _throw(value) { var thr = this.s.return; return void 0 === thr ? Promise.reject(value) : AsyncFromSyncIteratorContinuation(thr.apply(this.s, arguments)); } }, new AsyncFromSyncIterator(s); }
 
+import { tryCatch } from "../utils";
 var global = window;
 
 if (!global._LOADER_SCRIPT_URL) {
@@ -147,42 +148,6 @@ export function createAsyncIterable(options) {
     };
   });
 }
-export function tryCatch(_x) {
-  return _tryCatch.apply(this, arguments);
-}
-
-function _tryCatch() {
-  _tryCatch = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(resolveFn) {
-    var rejectFn,
-        _args3 = arguments;
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            rejectFn = _args3.length > 1 && _args3[1] !== undefined ? _args3[1] : console.error;
-            _context3.prev = 1;
-            _context3.next = 4;
-            return resolveFn();
-
-          case 4:
-            _context3.next = 9;
-            break;
-
-          case 6:
-            _context3.prev = 6;
-            _context3.t0 = _context3["catch"](1);
-            rejectFn(_context3.t0);
-
-          case 9:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3, null, [[1, 6]]);
-  }));
-  return _tryCatch.apply(this, arguments);
-}
-
 export function runAsyncIterable(Iterables, runtime, callback) {
   tryCatch( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
     var _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _iterator, _step, x;

package/es/Map/FindPio/index.js

@@ -1,11 +1,10 @@
-import "antd/lib/select/style";
-import _Select from "antd/lib/select";
 import React from 'react';
+import { Select } from 'antd';
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 
 function FindPio() {
-  return /*#__PURE__*/_jsx(_Select, {
+  return /*#__PURE__*/_jsx(Select, {
     className: "map-find-pio",
     labelInValue: true,
     notFoundContent: null,

package/es/Map/LevelCenter/demo.js

@@ -1,6 +1,3 @@
-import "antd/lib/config-provider/style";
-import _ConfigProvider from "antd/lib/config-provider";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -22,6 +19,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useState } from 'react';
 import LevelCenter from "./index";
 import deviceList from "../points.json";
+import { ConfigProvider } from 'antd';
 import { jsx as _jsx } from "react/jsx-runtime";
 
 var App = function App() {
@@ -36,7 +34,7 @@ var App = function App() {
   useEffect(function () {
     console.log(state);
   }, [state]);
-  return /*#__PURE__*/_jsx(_ConfigProvider, {
+  return /*#__PURE__*/_jsx(ConfigProvider, {
     prefixCls: "cloudapp",
     children: /*#__PURE__*/_jsx("div", {
       style: {

package/es/Map/ResetTools/index.js

@@ -1,7 +1,6 @@
-import "antd/lib/popover/style";
-import _Popover from "antd/lib/popover";
 import React, { useCallback, useContext } from 'react';
 import { mapContext } from "../Context";
+import { Popover } from 'antd';
 import IconFont from "../../IconFont";
 import "../../Player/style/iconfont";
 import "./index.less";
@@ -25,7 +24,7 @@ function ResetTools(_ref) {
   }, []);
   return /*#__PURE__*/_jsxs("div", {
     className: "map-reset-tool-container ".concat(className),
-    children: [/*#__PURE__*/_jsx(_Popover, {
+    children: [/*#__PURE__*/_jsx(Popover, {
       placement: "left",
       content: "\u590D\u4F4D",
       overlayClassName: "map-rest-tools-item-popup",
@@ -38,7 +37,7 @@ function ResetTools(_ref) {
       })
     }), /*#__PURE__*/_jsxs("div", {
       className: "map-zoom",
-      children: [/*#__PURE__*/_jsx(_Popover, {
+      children: [/*#__PURE__*/_jsx(Popover, {
         placement: "left",
         content: "\u653E\u5927",
         overlayClassName: "map-rest-tools-item-popup",
@@ -51,7 +50,7 @@ function ResetTools(_ref) {
             type: "lm-player-S_Edit_LinePlus"
           })
         })
-      }), /*#__PURE__*/_jsx(_Popover, {
+      }), /*#__PURE__*/_jsx(Popover, {
         placement: "left",
         content: "\u7F29\u5C0F",
         overlayClassName: "map-rest-tools-item-popup",

package/es/Picture/component/Tools/index.js

@@ -1,5 +1,4 @@
-import "antd/lib/tooltip/style";
-import _Tooltip from "antd/lib/tooltip";
+import { Tooltip } from 'antd';
 import React from 'react';
 import FullScreen from "../../../FullScreen";
 import IconFont from "../../../Player/iconfont";
@@ -18,7 +17,7 @@ function Tools(_ref) {
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs("div", {
       className: "picture-tools",
-      children: [/*#__PURE__*/_jsx(_Tooltip, {
+      children: [/*#__PURE__*/_jsx(Tooltip, {
         placement: "left",
         title: "\u590D\u4F4D",
         children: /*#__PURE__*/_jsx("div", {
@@ -27,7 +26,7 @@ function Tools(_ref) {
             type: "lm-player-S_View_RotateMiddle"
           })
         })
-      }), /*#__PURE__*/_jsx(_Tooltip, {
+      }), /*#__PURE__*/_jsx(Tooltip, {
         placement: "left",
         title: "\u653E\u5927",
         children: /*#__PURE__*/_jsx("div", {
@@ -39,7 +38,7 @@ function Tools(_ref) {
             type: "lm-player-S_View_ZoomIn"
           })
         })
-      }), /*#__PURE__*/_jsx(_Tooltip, {
+      }), /*#__PURE__*/_jsx(Tooltip, {
         placement: "left",
         title: "\u7F29\u5C0F",
         children: /*#__PURE__*/_jsx("div", {
@@ -51,7 +50,7 @@ function Tools(_ref) {
             type: "lm-player-S_View_ZoomOut"
           })
         })
-      }), /*#__PURE__*/_jsx(_Tooltip, {
+      }), /*#__PURE__*/_jsx(Tooltip, {
         placement: "left",
         title: "\u5411\u5DE6",
         children: /*#__PURE__*/_jsx("div", {
@@ -62,7 +61,7 @@ function Tools(_ref) {
             type: "lm-player-S_View_RotateLeft"
           })
         })
-      }), /*#__PURE__*/_jsx(_Tooltip, {
+      }), /*#__PURE__*/_jsx(Tooltip, {
         placement: "left",
         title: "\u5411\u53F3",
         children: /*#__PURE__*/_jsx("div", {

package/es/Picture/demo.js

@@ -1,8 +1,3 @@
-import "antd/lib/config-provider/style";
-import _ConfigProvider from "antd/lib/config-provider";
-import "antd/lib/button/style";
-import _Button from "antd/lib/button";
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -15,9 +10,10 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+import { Button, ConfigProvider, Modal } from 'antd';
 import React from 'react';
 import Picture from '.';
-import { Modal, useSimpleState } from '..';
+import { useSimpleState } from '..';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function App() {
@@ -29,7 +25,7 @@ export default function App() {
       state = _useSimpleState2[0],
       updateState = _useSimpleState2[1];
 
-  return /*#__PURE__*/_jsxs(_ConfigProvider, {
+  return /*#__PURE__*/_jsxs(ConfigProvider, {
     prefixCls: "cloudapp",
     children: [/*#__PURE__*/_jsx("div", {
       style: {
@@ -47,20 +43,20 @@ export default function App() {
         }] // imagePath="http://192.168.100.246:5463/oss/v1/100004008/objects/638da35805f5f0a8101021f9?client_token=100004008_0_1670313176_9a47a8459c120d977904c9feb2354a7e"
         ,
         isOpenSelect: state.open,
-        imagePath: "https://img0.baidu.com/it/u=1439439032,129098198&fm=253&fmt=auto?w=120&h=80",
+        imagePath: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fblog%2F202106%2F09%2F20210609081952_51ef5.thumb.1000_0.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1673661389&t=906e24291130712565842eb7cf21e277",
         rects: [{
           type: 'face',
           rect: [920.0, 843.0, 96.0, 94.0],
           needExpand: true
         }],
         children: function children() {
-          return /*#__PURE__*/_jsx(_Button, {
+          return /*#__PURE__*/_jsx(Button, {
             onClick: function onClick() {
-              updateState({
+              return updateState({
                 open: true
               });
             },
-            children: "\xDF\xDF \u622A\u56FE"
+            children: "\u622A\u56FE"
           });
         }
       })
@@ -71,7 +67,7 @@ export default function App() {
         background: '#000',
         marginTop: 40
       },
-      children: [/*#__PURE__*/_jsx(_Button, {
+      children: [/*#__PURE__*/_jsx(Button, {
         onClick: function onClick() {
           return updateState({
             open2: true
@@ -94,7 +90,7 @@ export default function App() {
             backgroundColor: '#000'
           },
           children: /*#__PURE__*/_jsx(Picture, {
-            imagePath: "http://192.168.100.246:5463/oss/v1/100004008/objects/638da35805f5f0a8101021f9?client_token=100004008_0_1670313176_9a47a8459c120d977904c9feb2354a7e",
+            imagePath: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fblog%2F202106%2F09%2F20210609081952_51ef5.thumb.1000_0.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1673661389&t=906e24291130712565842eb7cf21e277",
             isOpenSelect: false,
             rects: [{
               type: 'face',