plain-design 0.0.97 → 1.0.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plain-design",
-  "version": "0.0.97",
+  "version": "1.0.0-beta.2",
   "description": "",
   "main": "dist/plain-design.min.js",
   "module": "dist/plain-design.commonjs.min.js",
@@ -10,73 +10,79 @@
     "src"
   ],
   "scripts": {
-    "dev": "npm run prod",
-    "start": "npm run prod",
-    "local": "cross-env APP_ENV=local vue-cli-service serve",
-    "prod": "cross-env APP_ENV=prod vue-cli-service serve",
-    "build:prod": "cross-env APP_ENV=prod vue-cli-service build --report",
-    "release": "npm run theme && cross-env NODE_ENV=production webpack --config ./build/webpack.release.js --progress",
-    "theme": "ts-node src/styles/data/scan.scss.ts"
+    "dev": "cross-env APP_ENV=prod vue-cli-service serve",
+    "build": "cross-env APP_ENV=prod vue-cli-service build",
+    "release": "cross-env NODE_ENV=production webpack --config ./build/webpack.release.js --progress"
   },
   "author": "",
   "license": "ISC",
   "peerDependencies": {
-    "plain-design-composition": "^0.0.122",
+    "exceljs": "^4.2.1",
+    "file-saver": "^2.0.5",
+    "plain-design-composition": "^0.0.167",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
+  "resolutions": {
+    "@types/react": "18.2.4",
+    "@types/react-dom": "18.2.4"
+  },
   "dependencies": {
+    "@types/color": "^3.0.3",
     "@types/react-transition-group": "^4.4.1",
-    "async-validator": "^3.5.2",
+    "color": "^4.2.3",
     "dayjs": "^1.10.4",
-    "isobject": "^4.0.0",
-    "plain-loading": "^0.1.5",
-    "plain-popper": "0.0.6",
-    "plain-utils": "^0.1.29",
+    "plain-icons": "0.0.6",
+    "plain-utils": "^0.1.48",
     "react-flip-move": "^3.0.4",
     "react-transition-group": "^4.4.1"
   },
   "devDependencies": {
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
+    "@babel/plugin-transform-class-properties": "^7.22.3",
     "@babel/preset-env": "^7.13.15",
     "@babel/preset-react": "^7.13.13",
     "@babel/preset-typescript": "^7.13.0",
     "@types/classnames": "^2.2.11",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.3",
+    "@types/react": "18.2.4",
+    "@types/react-dom": "18.2.4",
     "@typescript-eslint/eslint-plugin": "^4.18.0",
     "@typescript-eslint/parser": "^4.18.0",
     "@vue/cli-plugin-babel": "~4.5.0",
     "@vue/cli-plugin-eslint": "~4.5.0",
     "@vue/cli-plugin-typescript": "~4.5.0",
     "@vue/cli-service": "~4.5.0",
+    "@vue/compiler-sfc": "^3.2.21",
     "@vue/eslint-config-typescript": "^7.0.0",
-    "@vue/runtime-core": "^3.2.21",
     "autoprefixer": "^8.6.5",
     "axios": "^0.21.1",
     "babel-plugin-import": "^1.13.3",
     "babel-plugin-syntax-jsx": "^6.18.0",
-    "core-js": "^3.6.5",
+    "core-js": "^3.8.3",
     "cross-env": "^7.0.3",
-    "css-loader": "^5.2.4",
+    "css-loader": "3.6.0",
     "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^6.2.2",
+    "eslint-plugin-vue": "^7.0.0",
     "exceljs": "^4.2.1",
     "file-saver": "^2.0.5",
     "fork-ts-checker-webpack-plugin": "^6.2.4",
-    "mini-css-extract-plugin": "^1.6.2",
+    "mini-css-extract-plugin": "^1.4.1",
     "mockjs": "^1.1.0",
-    "plain-design-composition": "^0.0.122",
+    "plain-design-composition": "^0.0.167",
     "postcss": "^8.2.13",
     "postcss-loader": "^4.2.0",
     "qs": "^6.10.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "sass": "~1.26.5",
-    "sass-loader": "^10.1.1",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "sass": "~1.32.13",
+    "sass-loader": "^8.0.2",
     "style-loader": "^2.0.0",
+    "ts-loader": "^9.4.2",
     "ts-node": "^9.1.1",
-    "typescript": "~4.1.5",
+    "tslib": "^2.5.0",
+    "typescript": "^4.9.5",
     "url-loader": "^4.1.1",
+    "vue": "^3.2.21",
     "vue-template-compiler": "^2.6.12",
     "webpack-bundle-analyzer": "^4.4.1",
     "webpack-cli": "^4.6.0"

package/src/index.ts

@@ -1,265 +1 @@
-import $$contextmenu from './packages/$$contextmenu'
-import $$dialog from './packages/$$dialog'
-import $$file from './packages/$$file'
-import $$image from './packages/$$image'
-import $$loading from './packages/$$loading'
-import $$message from "./packages/$$message";
-import $$notice from "./packages/$$notice";
-import PlAlert from './packages/PlAlert'
-import PlArrowStep from "./packages/PlArrowStep";
-import PlArrowStepGroup from "./packages/PlArrowStepGroup";
-import PlBadge from "./packages/PlBadge";
-import PlButton from './packages/PlButton'
-import PlButtonGroup from "./packages/PlButtonGroup";
-import Plc from "./packages/Plc";
-import PlCard from "./packages/PlCard";
-import PlCarousel from "./packages/PlCarousel";
-import PlCarouselItem from "./packages/PlCarouselItem";
-import PlCascade from "./packages/PlCascade";
-import PlCascadePanel from "./packages/PlCascadePanel";
-import PlCheckbox from "./packages/PlCheckbox";
-import PlCheckboxGroup from "./packages/PlCheckboxGroup";
-import PlCheckboxInner from "./packages/PlCheckboxInner";
-import PlCol from "./packages/PlCol";
-import PlCollapse from "./packages/PlCollapse";
-import PlCollapseGroup from "./packages/PlCollapseGroup";
-import PlCollapseTransition from "./packages/PlCollapseTransition";
-import PlColorButton from "./packages/PlColorButton";
-import PlColorPicker from "./packages/PlColorPicker";
-import PlDate from "./packages/PlDate";
-import PlDateTimeInput from "./packages/PlDateTimeInput";
-import PlDialog from "./packages/PlDialog";
-import PlDropdown from "./packages/PlDropdown";
-import PlDropdownGroup from "./packages/PlDropdownGroup";
-import PlDropdownMenu from "./packages/PlDropdownMenu";
-import PlDropdownOption from "./packages/PlDropdownOption";
-import PlForm from "./packages/PlForm";
-import PlFormItem from "./packages/PlFormItem";
-import PlIcon from "./packages/PlIcon";
-import PlImage from "./packages/PlImage";
-import PlImageUploader from "./packages/PlImageUploader";
-import PlInput from "./packages/PlInput";
-import PlList from "./packages/PlList";
-import PlLoading from "./packages/PlLoading";
-import PlLoadingMask from "./packages/PlLoadingMask";
-import PlNumber from "./packages/PlNumber";
-import PlPagination from "./packages/PlPagination";
-import PlPopper from "./packages/PlPopper";
-import PlProgressBar from "./packages/PlProgressBar";
-import PlProgressCircle from "./packages/PlProgressCircle";
-import PlProgressMini from "./packages/PlProgressMini";
-import PlRadio from "./packages/PlRadio";
-import PlRadioGroup from "./packages/PlRadioGroup";
-import PlRadioInner from "./packages/PlRadioInner";
-import PlRate from "./packages/PlRate";
-import PlRoot from './packages/PlRoot'
-import PlRow from "./packages/PlRow";
-import PlScroll from "./packages/PlScroll";
-import PlSelect from "./packages/PlSelect";
-import PlSelectGroup from "./packages/PlSelectGroup";
-import PlSelectOption from "./packages/PlSelectOption";
-import PlSlider from "./packages/PlSlider";
-import PlStep from "./packages/PlStep";
-import PlStepGroup from "./packages/PlStepGroup";
-import PlTable from "./packages/PlTable";
-import PlTag from "./packages/PlTag";
-import PlTagInput from "./packages/PlTagInput";
-import PlTime from "./packages/PlTime";
-import PlToggle from "./packages/PlToggle";
-import PlTooltip from "./packages/PlTooltip";
-import PlTransition from "./packages/PlTransition";
-import PlTree from "./packages/PlTree";
-import PlTriangle from "./packages/PlTriangle";
-import PlUpload from "./packages/PlUpload";
-import PlVirtualList from "./packages/PlVirtualList";
-import PlVirtualTable from "./packages/PlVirtualTable";
-import PlInputGroup from "./packages/PlInputGroup";
-import PlEmpty from './packages/PlEmpty'
-import PlObject from "./packages/PlObject";
-import PlAddress from "./packages/PlAddress";
-import PlOv from "./packages/PlOv";
-import PlTabs from "./packages/PlTabs";
-import PlTab from "./packages/PlTab";
-import PlAutoComplete from "./packages/PlAutoComplete";
-
-import PlDateRange from "./packages/PlDateRange";
-
-import useColorPicker from "./packages/useColorPicker";
-import useContextmenu from "./packages/useContextmenu";
-import useDialog from "./packages/useDialog";
-import useImage from "./packages/useImage";
-import useLoading from "./packages/useLoading";
-import useMessage from "./packages/useMessage";
-import useNotice from "./packages/useNotice";
-import usePopper from "./packages/usePopper";
-import createUseTableOption from "./packages/createUseTableOption";
-import initialize from "./packages/initialize";
-import createPlcPropOptions from './packages/createPlcPropOptions'
-import PlcEmitsOptions from './packages/PlcEmitsOptions'
-import PlcScopeSlotsOptions from './packages/PlcScopeSlotsOptions'
-import useExternalPlc from './packages/useExternalPlc'
-import {KeyboardService} from "./packages/keyboard";
-
-import PlcCheck from './packages/PlcCheck'
-import PlcCheckbox from './packages/PlcCheckbox'
-import PlcColorPicker from "./packages/PlcColorPicker";
-import PlcDate from "./packages/PlcDate";
-import PlcDraggier from "./packages/PlcDraggier";
-import PlcExpand from "./packages/PlcExpand";
-import PlcGroup from "./packages/PlcGroup";
-import PlcIndex from "./packages/PlcIndex";
-import PlcInput from "./packages/PlcInput";
-import PlcNumber from "./packages/PlcNumber";
-import PlcRate from "./packages/PlcRate";
-import PlcSelect from "./packages/PlcSelect";
-import PlcTextarea from "./packages/PlcTextarea";
-import PlcToggle from "./packages/PlcToggle";
-import PlcTree from "./packages/PlcTree";
-import PlcOperator from './packages/PlcOperator'
-import PlTablePro from "./packages/PlTablePro";
-import PlcCheckRow from "./packages/PlcCheckRow";
-import PlcObject from "./packages/PlcObject";
-import PlcAddress from "./packages/PlcAddress";
-import PlcOv from "./packages/PlcOv";
-import PlcImage from "./packages/PlcImage";
-
-import useTableOption from "./packages/useTableOption";
-import useObjectOption from "./packages/useObjectOption";
-import useHttp from "./packages/useHttp";
-import useAddress from "./packages/useAddress";
-import useOv from "./packages/useOv";
-import useObject from "./packages/useObject";
-
-export {
-    $$contextmenu,
-    $$dialog,
-    $$file,
-    $$image,
-    $$loading,
-    $$message,
-    $$notice,
-    PlAlert,
-    PlArrowStep,
-    PlArrowStepGroup,
-    PlBadge,
-    PlButton,
-    PlButtonGroup,
-    Plc,
-    PlCard,
-    PlCarousel,
-    PlCarouselItem,
-    PlCascade,
-    PlCascadePanel,
-    PlCheckbox,
-    PlCheckboxGroup,
-    PlCheckboxInner,
-    PlCol,
-    PlCollapse,
-    PlCollapseGroup,
-    PlCollapseTransition,
-    PlColorButton,
-    PlColorPicker,
-    PlDate,
-    PlDateTimeInput,
-    PlDialog,
-    PlDropdown,
-    PlDropdownGroup,
-    PlDropdownMenu,
-    PlDropdownOption,
-    PlForm,
-    PlFormItem,
-    PlIcon,
-    PlImage,
-    PlImageUploader,
-    PlInput,
-    PlList,
-    PlLoading,
-    PlLoadingMask,
-    PlNumber,
-    PlPagination,
-    PlPopper,
-    PlProgressBar,
-    PlProgressCircle,
-    PlProgressMini,
-    PlRadio,
-    PlRadioGroup,
-    PlRadioInner,
-    PlRate,
-    PlRoot,
-    PlRow,
-    PlScroll,
-    PlSelect,
-    PlSelectGroup,
-    PlSelectOption,
-    PlSlider,
-    PlStep,
-    PlStepGroup,
-    PlTable,
-    PlTag,
-    PlTagInput,
-    PlTime,
-    PlToggle,
-    PlTooltip,
-    PlTransition,
-    PlTree,
-    PlTriangle,
-    PlUpload,
-    PlVirtualList,
-    PlVirtualTable,
-    PlInputGroup,
-    PlEmpty,
-    PlObject,
-    PlAddress,
-    PlOv,
-    PlTab,
-    PlTabs,
-    PlAutoComplete,
-
-    PlDateRange,
-
-    useColorPicker,
-    useContextmenu,
-    useDialog,
-    useImage,
-    useLoading,
-    useMessage,
-    useNotice,
-    usePopper,
-    createUseTableOption,
-    initialize,
-    createPlcPropOptions,
-    PlcEmitsOptions,
-    PlcScopeSlotsOptions,
-    useExternalPlc,
-    useTableOption,
-    useObjectOption,
-    useHttp,
-    useAddress,
-    useOv,
-    KeyboardService,
-    useObject,
-
-    PlcCheck,
-    PlcCheckbox,
-    PlcColorPicker,
-    PlcDate,
-    PlcDraggier,
-    PlcExpand,
-    PlcGroup,
-    PlcIndex,
-    PlcInput,
-    PlcNumber,
-    PlcRate,
-    PlcSelect,
-    PlcTextarea,
-    PlcToggle,
-    PlcTree,
-    PlcCheckRow,
-    PlcOperator,
-    PlcObject,
-    PlcAddress,
-    PlcOv,
-    PlcImage,
-
-    PlTablePro,
-}
+export * from './packages';

package/src/packages/build.ts

@@ -0,0 +1,15 @@
+import Plain from './index';
+// @ts-ignore
+import allIcons from 'plain-icons/dist/icons.js';
+
+// @ts-ignore
+Plain.Icon.PlainIcon.props.getIcon.default = (icon: string) => {
+  const iconMeta = (allIcons as any)[icon];
+  if (!iconMeta) {
+    throw new Error(`getIcon: can't find icon match ${icon}`);
+  }
+  return iconMeta;
+};
+
+export * from './index';
+export default Plain;

package/src/packages/components/$address/address.utils.ts

@@ -0,0 +1,31 @@
+export const eAddressTypeEnum = {
+  TYPE: 1 | 2 | 3,
+  province: 1,
+  city: 2,
+  district: 3,
+} as const;
+
+/**
+ * 异步获取地址数据类型
+ * @author  韦胜健
+ * @date    2022.12.16 23:02
+ */
+export interface iAddressLazyMeta {
+  label: string,
+  code: string,
+  type: typeof eAddressTypeEnum.TYPE,
+  parentCode?: string,
+}
+
+/**
+ * 一次性获取地址数据类型
+ * @author  韦胜健
+ * @date    2022.12.16 23:02
+ */
+export interface iAddressSyncMeta {
+  label: string,
+  code: string,
+  type: typeof eAddressTypeEnum.TYPE,
+  parentCode?: string,
+  children?: iAddressSyncMeta[],
+}

package/src/packages/components/$address/createAddressService.tsx

@@ -0,0 +1,184 @@
+import {eAddressTypeEnum, iAddressLazyMeta, iAddressSyncMeta} from "./address.utils";
+import {defer, DFD} from "plain-utils/utils/defer";
+import {reactive} from "plain-design-composition";
+
+export function createAddressService(
+  config: {
+    /**
+     * 获取全部的地址数据
+     * @author  韦胜健
+     * @date    2022.12.11 20:14
+     */
+    getAddress: () => Promise<iAddressSyncMeta[]>,
+    /**
+     * 根据code字符串数组获取地址数据
+     * @author  韦胜健
+     * @date    2022.12.11 20:14
+     */
+    getAddressByCodes:
+      (codes: string[]) => Promise<iAddressLazyMeta[]>,
+    /**
+     * 根据parent code字符串数组获取地址数据
+     * @author  韦胜健
+     * @date    2022.12.11 20:14
+     */
+    getAddressByParentCodes:
+      (codes: string[]) => Promise<iAddressLazyMeta[]>,
+    /**
+     * 根据显示值查询地址数据
+     * @author  韦胜健
+     * @date    2022.12.11 20:15
+     */
+    getAddressByLabel:
+      (label: string, type?: typeof eAddressTypeEnum.TYPE) => Promise<iAddressLazyMeta[]>,
+  }
+) {
+
+  /**
+   * 带缓存地通过code查询地址信息
+   * @author  韦胜健
+   * @date    2022.12.16 22:27
+   */
+  const getAddressByCodes = (() => {
+    const freezeState = {
+      code2dfd: {} as Record<string, DFD<iAddressLazyMeta> | undefined>,
+      codes2query: [] as string[],
+    };
+    let timer: any;
+    const addCode2Query = (code: string): DFD<iAddressLazyMeta> => {
+      if (!freezeState.code2dfd[code]) {
+        freezeState.code2dfd[code] = defer<iAddressLazyMeta>();
+        freezeState.codes2query.push(code);
+        if (timer != null) {clearTimeout(timer);}
+        timer = setTimeout(async () => {
+          const { codes2query } = freezeState;
+          freezeState.codes2query = [];
+          const metas = await config.getAddressByCodes(codes2query);
+          let successCodes = {} as Record<string, true>;
+          metas.forEach(meta => {
+            freezeState.code2dfd[meta.code]!.resolve(meta);
+            successCodes[meta.code] = true;
+          });
+          /*没有查出来的地址代码*/
+          const failCodes = codes2query.filter(i => !successCodes[i]);
+          failCodes.forEach(failCode => {
+            freezeState.code2dfd[failCode]!.reject(`query fail address code:${failCode}`);
+          });
+        }, 0);
+      }
+      return freezeState.code2dfd[code]!;
+    };
+    const query = async (codes: string[]) => Promise.all(codes.map(code => addCode2Query(code).promise));
+    const saveMetas = (metas: iAddressLazyMeta[]) => {
+      metas.forEach(meta => {
+        if (!freezeState.code2dfd[meta.code]) {
+          freezeState.code2dfd[meta.code] = defer<iAddressLazyMeta>();
+          freezeState.code2dfd[meta.code]!.resolve(meta);
+        }
+      });
+    };
+    return Object.assign(query, { saveMetas, query, freezeState, addCode2Query });
+  })();
+
+  /**
+   * 带缓存地通过parentCode查询地址信息
+   * @author  韦胜健
+   * @date    2022.12.16 22:27
+   */
+  const getAddressByParentCodes = (() => {
+    const freezeState = {
+      code2dfd: {} as Record<string, DFD<iAddressLazyMeta[]> | undefined>,
+      codes2query: [] as string[],
+    };
+    let timer: any;
+    const addCode2Query = (code: string): DFD<iAddressLazyMeta[]> => {
+      if (!freezeState.code2dfd[code]) {
+        freezeState.code2dfd[code] = defer<iAddressLazyMeta[]>();
+        freezeState.codes2query.push(code);
+        if (timer != null) {clearTimeout(timer);}
+        timer = setTimeout(async () => {
+          const { codes2query } = freezeState;
+          freezeState.codes2query = [];
+          const metas = await config.getAddressByParentCodes(codes2query);
+          codes2query.forEach(parentCode => {
+            const matchMetas = metas.filter(i => i.parentCode === parentCode);
+            freezeState.code2dfd[parentCode]!.resolve(matchMetas);
+          });
+          getAddressByCodes.saveMetas(metas);
+        }, 0);
+      }
+      return freezeState.code2dfd[code]!;
+    };
+    return async (codes: string[]) => {
+      const metasList = await Promise.all(codes.map(code => addCode2Query(code).promise));
+      return metasList.flat();
+    };
+  })();
+
+  const getAddressByLabel = (() => {
+    const cache = {} as Record<string, DFD<iAddressLazyMeta[]> | undefined>;
+    return (label: string, type?: typeof eAddressTypeEnum.TYPE): Promise<iAddressLazyMeta[]> => {
+      if (!cache[label]) {
+        cache[label] = defer<iAddressLazyMeta[]>();
+        config.getAddressByLabel(label, type).then(val => cache[label]!.resolve(val));
+      }
+      return cache[label]!.promise;
+    };
+  })();
+
+  /**
+   * 带缓存地查询所有地址数据
+   * @author  韦胜健
+   * @date    2022.12.16 23:20
+   */
+  const getAddress = (() => {
+    let dfd: DFD<iAddressSyncMeta[]> | null = null;
+    return () => {
+      if (!dfd) {
+        dfd = defer<iAddressSyncMeta[]>();
+        config.getAddress().then(val => dfd!.resolve(val));
+      }
+      return dfd.promise;
+    };
+  })();
+
+  const getAddressByCodesComputed = (() => {
+
+    const state = reactive({
+      codeMap: {} as Record<string, iAddressLazyMeta | undefined>,
+      loadingMap: {} as Record<string, boolean | undefined>
+    });
+
+    function getter(code: string): string
+    function getter(codes: string[]): string[]
+    function getter(val: any): any {
+      if (Array.isArray(val)) {
+        return val.map(i => getter(i));
+      } else {
+        if (val == null) {return val;}
+        if (state.codeMap[val]) {
+          return state.codeMap[val]!.label;
+        }
+        if (state.loadingMap[val]) {
+          return '...';
+        } else {
+          state.loadingMap[val] = true;
+          getAddressByCodes([val]).then(res => {state.codeMap[val] = res[0];});
+        }
+      }
+    }
+
+    return getter;
+  })();
+
+  return {
+    config,
+    getAddressByLabel,
+    getAddressByCodes,
+    getAddressByParentCodes,
+    getAddress,
+    getAddressByCodesComputed,
+  };
+}
+
+export type iAddressService = ReturnType<typeof createAddressService>

package/src/packages/components/$address/index.tsx

@@ -0,0 +1,7 @@
+import {createAddressService} from "./createAddressService";
+
+export {
+  createAddressService
+};
+
+export default createAddressService;

package/src/packages/components/$configuration/index.tsx

@@ -0,0 +1,58 @@
+import {createHooks, inject} from "plain-design-composition";
+import {iUploadService} from "../$upload/createUploadService";
+import {iHttp} from "../createHttp";
+import {iAddressService} from "../$address/createAddressService";
+import {iObjectService} from "../$object/createObjectService";
+import {iOvService} from "../$ov/createOvService";
+import TableOptionSpace from "../TableOptionSpace";
+
+export interface iConfiguration {
+  address?: iAddressService,
+  ov?: iOvService,
+  upload?: iUploadService,
+  object?: iObjectService,
+  http: iHttp,
+  useTableOption: TableOptionSpace.iTableOptionUser,
+  getExcelJS?: () => Promise<{ Workbook: any }>,
+  getFileSaver?: () => Promise<{ saveAs: (...args: any[]) => void }>,
+}
+
+/**
+ * 初始化configuration的时候通知其他模块
+ * @author  韦胜健
+ * @date    2022/7/13 10:56
+ */
+export const onInitializeConfigurationHook = createHooks<(configuration: iConfiguration) => void>();
+
+export const $configuration = (() => {
+  let _configuration: iConfiguration;
+  const set = (configuration: iConfiguration) => {
+    _configuration = { ..._configuration, ...configuration };
+    // console.warn('set config', configuration);
+    onInitializeConfigurationHook.exec(configuration);
+
+    /*环境变量中配置了主题的话，就覆盖主题颜色变量*/
+    // !!configuration.env.theme && Theme.overlap(configuration.env.theme);
+  };
+
+  function setItem<K extends keyof iConfiguration>(key: K, val: iConfiguration[K]) {
+    if (!_configuration) {
+      _configuration = {} as any;
+    }
+    _configuration[key] = val;
+  }
+
+  const get = <T extends keyof iConfiguration>(name: T): iConfiguration[T] => {
+    if (!_configuration) {
+      throw new Error(`Configuration未初始化，请检查初始化逻辑！get name:${name}`);
+    }
+    return _configuration[name];
+  };
+  const use = <T extends keyof iConfiguration>(name: T): iConfiguration[T] => {
+    const data = inject<null | iConfiguration[T]>(`$${name}`, null);
+    return data || _configuration[name];
+  };
+  return Object.assign(set, { get, use, setItem });
+})();
+
+export default $configuration;

package/src/packages/components/$dialog/index.tsx

@@ -0,0 +1,7 @@
+import useDialog from "../useDialog";
+
+export const $dialog = useDialog().$dialog;
+
+export type iDialogService = typeof $dialog
+
+export default $dialog;