@wlydfe/pro-ui 0.2.21 → 0.2.23

package/lib/directives/click/type.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const CLICK_CONST = {
+  MODIFIERS: {
+    DEBOUNCE: "debounce",
+    THROTTLE: "throttle"
+  },
+  DEFAULT: {
+    DELAY: 300,
+    MODE: "throttle"
+  },
+  ERROR_MESSAGE: {
+    NO_HANDLER: "[v-click] handler is required",
+    INVALID_HANDLER: "[v-click] handler must be a function",
+    INVALID_DELAY: "[v-click] delay must be a positive number"
+  }
+};
+
+exports.CLICK_CONST = CLICK_CONST;

package/lib/directives/click/useClickControl.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+import { ClickMode } from './type';
+
+interface ClickControlOptions {
+    delay?: number;
+    mode?: ClickMode;
+}
+export declare function useClickControl(): {
+    executeHandler: <T extends (...args: any[]) => any>(handler: T, options?: ClickControlOptions) => Promise<void>;
+    isProcessing: Ref<boolean>;
+    cleanup: () => void;
+};
+export {};

package/lib/directives/click/useClickControl.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var vue = require('vue');
+var type = require('./type.js');
+
+function useClickControl() {
+  const isProcessing = vue.ref(false);
+  const lastInvokeTime = vue.ref(0);
+  let timer;
+  function isPromise(value) {
+    return value !== null && (typeof value === "object" || typeof value === "function") && typeof value.then === "function";
+  }
+  const executeHandler = async (handler, options = {}) => {
+    const now = Date.now();
+    const { delay = type.CLICK_CONST.DEFAULT.DELAY, mode = type.CLICK_CONST.DEFAULT.MODE } = options;
+    if (isProcessing.value) {
+      return;
+    }
+    if (!lastInvokeTime.value) {
+      lastInvokeTime.value = now;
+      const result = handler();
+      if (isPromise(result)) {
+        try {
+          isProcessing.value = true;
+          await result;
+        } finally {
+          isProcessing.value = false;
+        }
+      }
+      return;
+    }
+    if (mode === "throttle") {
+      if (now - lastInvokeTime.value >= delay) {
+        lastInvokeTime.value = now;
+        const result = handler();
+        if (isPromise(result)) {
+          try {
+            isProcessing.value = true;
+            await result;
+          } finally {
+            isProcessing.value = false;
+          }
+        }
+      }
+    } else {
+      if (timer) {
+        clearTimeout(timer);
+      }
+      timer = setTimeout(async () => {
+        lastInvokeTime.value = Date.now();
+        const result = handler();
+        if (isPromise(result)) {
+          try {
+            isProcessing.value = true;
+            await result;
+          } finally {
+            isProcessing.value = false;
+          }
+        }
+      }, delay);
+    }
+  };
+  const cleanup = () => {
+    if (timer) {
+      clearTimeout(timer);
+    }
+    isProcessing.value = false;
+    lastInvokeTime.value = 0;
+  };
+  return {
+    executeHandler,
+    isProcessing,
+    cleanup
+  };
+}
+
+exports.useClickControl = useClickControl;

package/lib/directives/copy.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/lib/directives/index.d.ts

@@ -0,0 +1 @@
+export * from './click';

package/lib/directives/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var index = require('./click/index.js');
+
+
+
+exports.click = index.click;

package/lib/directives/longpress.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/lib/directives/optimize.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/lib/directives/tippy.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/lib/display-item.css

@@ -0,0 +1,22 @@
+.plus-drawer-form .el-drawer__header{border-bottom:1px solid var(--el-border-color);margin-bottom:0;padding-bottom:calc(var(--el-drawer-padding-primary)/2);padding-top:calc(var(--el-drawer-padding-primary)/2)}.plus-drawer-form .el-drawer__footer{border-top:1px solid var(--el-border-color);padding-bottom:calc(var(--el-drawer-padding-primary)/2)}
+.plus-description .plus-description__name{word-wrap:break-word;max-width:200px}.plus-description .plus-description__label{min-width:80px}.plus-description .plus-description__label.is-required:before{color:var(--el-color-danger);content:"*";margin-right:4px}.plus-description.no-border .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{border:0}.plus-description.no-border .el-descriptions__body .el-descriptions__label.el-descriptions__cell.is-bordered-label{background-color:var(--el-fill-color-blank)}
+.plus-check-card-group{display:flex;flex-wrap:wrap}.plus-check-card-group .plus-check-card{margin-bottom:16px;margin-right:16px}
+.plus-page .plus-page__table_wrapper{margin-top:20px}
+.plus-dialog .plus-dialog-footer{align-items:center;display:flex}
+.plus-date-picker{align-items:center;border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base);display:flex;flex-wrap:nowrap;max-width:100%;width:-moz-fit-content;width:fit-content}.plus-date-picker:hover{border-color:var(--el-border-color-hover)}.plus-date-picker.is-focus{border-color:var(--el-color-primary)}.plus-date-picker.is-disabled{background-color:var(--el-disabled-bg-color)}.plus-date-picker.is-disabled:hover{border-color:var(--el-border-color)}.plus-date-picker .plus-date-picker__middle{color:var(--el-text-color-placeholder)}.plus-date-picker .plus-date-picker__start{flex:1;font-size:14px}.plus-date-picker .plus-date-picker__start.is-disabled .el-input__wrapper{box-shadow:none}.plus-date-picker .plus-date-picker__start .el-input__wrapper{border:none;box-shadow:none}.plus-date-picker .el-input__wrapper{width:100%}.plus-date-picker .el-input__wrapper:hover{box-shadow:none}.plus-date-picker .el-input__wrapper.is-focus{box-shadow:none}.plus-date-picker .plus-date-picker__end{flex:1;font-size:14px}.plus-date-picker .plus-date-picker__end.is-disabled .el-input__wrapper{box-shadow:none}.plus-date-picker .plus-date-picker__end .el-input__wrapper{border:none;box-shadow:none}.el-form-item.is-error .plus-date-picker{border-color:var(--el-color-danger)}.el-form-item.is-error .plus-date-picker .el-input__wrapper{box-shadow:none}.el-form-item.is-error .plus-date-picker .el-input__wrapper.is-focus{box-shadow:none!important}.el-form-item.is-error .plus-date-picker .el-input__wrapper:hover{box-shadow:none}
+:root{--plus-header-height:60px;--plus-sidebar-collapse-height:60px;--plus-sidebar-width:200px;--plus-sidebar-min-width:64px}.plus-layout{height:100vh;overflow:hidden}.plus-layout.el-container{flex-direction:column}.plus-layout .plus-sidebar{height:calc(100vh - var(--plus-header-height));min-width:var(--plus-sidebar-min-width)}.plus-layout .plus-layout-main{flex:1;height:calc(100vh - var(--plus-header-height));width:calc(100% - var(--plus-sidebar-width))}.plus-layout.collapse .plus-layout-main{width:calc(100% - var(--plus-sidebar-min-width))}.plus-layout .plus-layout-content{padding:0}
+.plus-input-tag{align-items:center;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base);box-sizing:border-box;display:flex;flex-wrap:wrap;max-width:100%;padding:1px 2px;width:-moz-fit-content;width:fit-content}.plus-input-tag:hover{border-color:var(--el-border-color-hover)}.plus-input-tag.is-focus{border-color:var(--el-color-primary)}.plus-input-tag.is-disabled{background-color:var(--el-disabled-bg-color);cursor:not-allowed}.plus-input-tag.is-disabled:hover{border-color:var(--el-border-color)}.plus-input-tag.is-disabled .el-tag__close{cursor:not-allowed}.plus-input-tag.is-disabled .el-tag__close:hover{background-color:transparent;color:var(--el-tag-hover-color)}.plus-input-tag .plus-input-tag__tag{margin-bottom:1px;margin-right:4px;margin-top:1px}.plus-input-tag .plus-input-tag__input{box-sizing:border-box;flex:1;min-width:85px;padding:0}.plus-input-tag .plus-input-tag__input .el-input__wrapper{box-shadow:none;box-sizing:border-box;padding:0 4px}.plus-input-tag .plus-input-tag__input .el-input__inner{height:24px;line-height:24px}.plus-input-tag .el-input.is-disabled .el-input__wrapper{box-shadow:none}.el-form-item.is-error .plus-input-tag{border-color:var(--el-color-danger)}.el-form-item.is-error .plus-input-tag .el-input__wrapper{box-shadow:none}.el-form-item.is-error .plus-input-tag .el-input__wrapper.is-focus{box-shadow:none!important}.el-form-item.is-error .plus-input-tag .el-input__wrapper:hover{box-shadow:none}
+:root{--plus-header-height:60px;--plus-sidebar-collapse-height:60px;--plus-sidebar-width:200px;--plus-sidebar-min-width:64px}.plus-header{align-items:center;border-bottom:1px solid var(--el-border-color);display:flex;justify-content:space-around}.plus-header.is-fixed{left:0;position:fixed;top:0;width:100%}.plus-header .plus-header__left{align-items:center;display:flex}.plus-header .plus-header__left .plus-header__logo{height:28px}.plus-header .plus-header__left .plus-header__title{color:var(--el-text-color-regular);font-size:18px;font-weight:600;margin:0 0 0 12px;padding:0}.plus-header .plus-header__placeholder{flex:1 1 0%}.plus-header .plus-header__right{align-items:center;display:flex}.plus-header .plus-header__right .plus-header__dropdown-area{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.plus-header .plus-header__right .plus-header__avatar{border-radius:50%;height:24px;margin-right:4px;width:24px}.plus-header-placeholder{height:var(--plus-header-height);width:100%}
+.plus-pagination{align-items:center;display:flex;justify-content:space-between;padding:16px 0}
+.plus-form-item{width:100%}.plus-form-item .plus-form-item__label{align-items:center;display:inline-flex}.plus-form-item .plus-form-item__label .plus-table-column__label__icon{margin-left:2px}.plus-form-item .plus-form-item-field,.plus-form-item .plus-form-item-field.el-date-editor{width:100%}
+.plus-display-item__edit-icon{margin-left:8px}.plus-display-item__image{cursor:pointer;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:30px}.plus-display-item__icon__copy{-webkit-margin-start:4px;color:var(--el-color-primary);cursor:pointer;margin-inline-start:4px;outline:none;text-decoration:none;transition:color .3s;vertical-align:sub}.plus-display-item__pre{background-color:var(--el-color-primary-light-9);border-radius:3px;font-size:85%;line-height:1.45;overflow:auto;padding:0;width:unset}.plus-display-item__badge.is-list .plus-display-item__badge__item+.plus-display-item__badge__item{padding-left:8px}.plus-display-item__badge .plus-display-item__badge__dot{border-radius:50%;display:inline-block;height:6px;position:relative;top:-1px;vertical-align:middle;width:6px}.plus-display-item__badge .plus-display-item__badge__dot--primary{background-color:var(--el-color-primary)}.plus-display-item__badge .plus-display-item__badge__dot--success{background-color:var(--el-color-success)}.plus-display-item__badge .plus-display-item__badge__dot--info{background-color:var(--el-color-info)}.plus-display-item__badge .plus-display-item__badge__dot--warning{background-color:var(--el-color-warning)}.plus-display-item__badge .plus-display-item__badge__dot--danger{background-color:var(--el-color-danger)}.plus-display-item__form .plus-form-item{margin-bottom:0}.plus-display-item__link{max-width:100%}.plus-display-item__link .el-link__inner{display:inline-block;width:100%}
+:root{--plus-header-height:60px;--plus-sidebar-collapse-height:60px;--plus-sidebar-width:200px;--plus-sidebar-min-width:64px}.plus-sidebar{height:100%}.plus-sidebar.is-vertical{min-height:400px}.plus-sidebar.is-vertical:not(.el-menu--collapse){flex-shrink:0;width:var(--plus-sidebar-width)}.plus-sidebar.is-vertical.el-menu--collapse .el-menu-item{width:calc(var(--plus-sidebar-min-width) - 2px)}.plus-sidebar.is-vertical .el-scrollbar__wrap{overflow-x:hidden}.plus-sidebar.is-vertical.el-menu--collapse .plus-sidebar__item-title{display:inline-block;height:0;overflow:hidden;visibility:hidden;width:0}.plus-sidebar.is-vertical.el-menu--collapse .el-sub-menu__icon-arrow{display:none}.plus-sidebar.is-vertical .el-scrollbar{height:calc(100% - var(--plus-sidebar-collapse-height))}.plus-sidebar.is-vertical .plus-sidebar__collapse{align-items:flex-start;background-color:var(--el-menu-bg-color);bottom:0;box-sizing:border-box;height:var(--plus-sidebar-collapse-height);left:0;position:absolute;width:calc(var(--plus-sidebar-width) - 2px)}.plus-sidebar.is-vertical .plus-sidebar__collapse.is-collapse{width:calc(var(--plus-sidebar-min-width) - 2px)}.plus-sidebar.is-vertical .plus-sidebar__collapse.is-active{background-color:var(--el-menu-bg-color)}.plus-sidebar.is-vertical .plus-sidebar__collapse [class*=-icon]{cursor:pointer;font-size:20px;margin-top:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.plus-sidebar.is-horizontal,.plus-sidebar.is-horizontal .el-scrollbar,.plus-sidebar.is-horizontal .el-scrollbar__wrap{width:100%}.plus-sidebar.is-horizontal .el-scrollbar__view{display:flex;flex-wrap:nowrap;height:100%;width:100%}.plus-sidebar .plus-sidebar__item-title{-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.plus-breadcrumb{margin-bottom:8px}.plus-breadcrumb.no-data{margin-bottom:0}
+.plus-form.no-has-label+.el-form-item__label{padding:0;width:0}.plus-form .plus-form__footer{display:flex;justify-content:flex-end}.plus-form .plus-form__group__item{margin-bottom:20px}.plus-form .plus-form__group__item .plus-form__group__item__icon{align-items:center;display:flex}.plus-form .plus-form__group__item .plus-form__group__item__icon .el-icon{margin-right:5px}.plus-form .plus-form-item-extra{color:var(--el-text-color-placeholder);font-size:var(--el-font-size-base);margin-bottom:18px}
+
+
+.plus-check-card{border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base);box-sizing:border-box;color:var(--el-text-color-regular);cursor:pointer;display:flex;overflow:hidden;padding-block:16px;padding-inline:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.plus-check-card--large{width:440px}.plus-check-card--default{width:320px}.plus-check-card--small{width:200px}.plus-check-card--checked{background-color:rgba(var(--el-color-primary-rgb),.1);border-color:var(--el-color-primary);position:relative}.plus-check-card--checked:after{-webkit-border-after:10px solid transparent;-webkit-border-start:10px solid transparent;border:10px solid var(--el-color-primary);border-block-end:10px solid transparent;border-inline-start:10px solid transparent;border-start-end-radius:6px;content:"";height:0;inset-block-start:2px;inset-inline-end:2px;position:absolute;width:0}.plus-check-card--disabled{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);cursor:not-allowed}.plus-check-card--disabled:after{border-right-color:var(--el-color-info-light-5);border-top-color:var(--el-color-info-light-5)}.plus-check-card .plus-check-card__avatar-wrapper{-webkit-padding-end:8px;padding-inline-end:8px}.plus-check-card .plus-check-card__right-content{overflow:hidden;width:100%}.plus-check-card .plus-check-card__title{-webkit-margin-after:4px;align-items:center;color:var(--el-text-color-primary);display:flex;justify-content:space-between;margin-block-end:4px;width:100%}.plus-check-card .plus-check-card__title-left{align-items:center;display:flex}.plus-check-card .plus-check-card__title-right{align-items:center;display:flex;vertical-align:middle}.plus-check-card .plus-check-card__description{color:var(--el-text-color-regular);width:100%;word-break:break-all}
+.plus-steps-form .el-steps{margin-bottom:20px}.plus-steps-form-vertical{display:flex}.plus-steps-form-vertical .el-steps--vertical{margin-right:20px}.plus-steps-form-vertical .plus-form{flex:1}
+.plus-search .plus-form__row{row-gap:18px;width:100%}.plus-search.el-form--inline .el-form-item{margin-bottom:0;margin-right:0}.plus-search.el-form--label-top .plus-search__button__wrapper .el-form-item__label{opacity:0;visibility:hidden}.plus-search.el-form--label-top .plus-search__button__wrapper .el-form-item__content{justify-content:flex-end}.plus-search .plus-search__unfold{margin-left:12px}.plus-search .plus-search__button__wrapper{align-items:flex-start;display:flex;flex:auto;justify-content:flex-end;margin-bottom:0;max-width:100%}.plus-search .plus-search__button__wrapper.el-form-item{margin-right:10px}.plus-search .plus-search__button__wrapper .el-form-item__content{flex:none;flex-wrap:nowrap}
+
+.plus-table .plus-table-column .plus-table-column__header .plus-table-column__header__icon{margin-left:2px;margin-top:-2px;vertical-align:middle}.plus-table .plus-table-action-bar.is-center .cell{justify-content:center}.plus-table .plus-table-action-bar.is-right .cell{justify-content:flex-end}.plus-table .plus-table-action-bar.el-table-fixed-column--right{background-color:var(--el-bg-color)}.plus-table .plus-table-action-bar .cell{align-items:center;display:flex}.plus-table .plus-table-action-bar .plus-table-action-bar__dropdown__link{cursor:pointer;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.plus-table .plus-table-action-bar .plus-table-action-bar__more-text{margin-right:2px}.plus-table .plus-table-action-bar .plus-table-action-bar__column__link{margin-right:10px}.plus-table .plus-table-action-bar .plus-table-action-bar__dropdown{cursor:pointer;margin-left:12px;vertical-align:baseline}.plus-table .plus-table-action-bar .el-link+.el-link{margin-left:12px}.plus-table .plus-table-action-bar .el-icon{cursor:pointer}.plus-table .plus-table-action-bar .el-icon+.el-icon{margin-left:12px}.plus-table .plus-table-column-drag-sort .plus-table-column-drag-icon{box-sizing:border-box;cursor:move;font-size:18px;padding:4px}.plus-table .plus-table-column-index .plus-table-index-column{align-items:center;display:inline-flex;height:20px;justify-content:center;white-space:nowrap;width:20px;word-break:keep-all}.plus-table .plus-table-column-index .cell .plus-table-column-index__content{align-items:center;display:flex;justify-content:center;overflow:hidden}.plus-table .plus-table-title-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.plus-table .plus-table-title-bar__toolbar{align-items:center;display:flex}.plus-table .el-popper{max-width:200px}.plus-table-title-bar__toolbar__density{align-items:center;display:flex;flex-direction:column}.plus-table-title-bar__toolbar__density .el-button{margin-top:10px;width:80px}.plus-table-title-bar__toolbar__density .el-button+.el-button{margin-left:0}.plus-table-title-bar__toolbar__icon{color:var(--el-text-color-regular);cursor:pointer;margin-left:10px;vertical-align:middle}.plus-table-title-bar__toolbar__checkbox__item{margin-left:6px}.plus-table-checkbox-item{align-items:center;display:flex;margin-left:20px}.plus-table-checkbox-handle{cursor:move;font-size:18px}.plus-table-ghost-class{background-color:#fff;border:1px dashed var(--el-color-primary);padding:0 5px}.plus-table-column__edit{cursor:pointer}.plus-table-checkbox-checkAll{display:flex;justify-content:space-between}

package/lib/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useGetOptions';
+export * from './useLocale';
+export * from './useTable';

package/lib/hooks/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var useGetOptions = require('./useGetOptions.js');
+var useLocale = require('./useLocale.js');
+var useTable = require('./useTable.js');
+
+
+
+exports.getOptionsByOptionsMap = useGetOptions.getOptionsByOptionsMap;
+exports.useGetOptions = useGetOptions.useGetOptions;
+exports.buildLocaleContext = useLocale.buildLocaleContext;
+exports.buildTranslator = useLocale.buildTranslator;
+exports.translate = useLocale.translate;
+exports.useLocale = useLocale.useLocale;
+exports.useTable = useTable.useTable;

package/lib/hooks/useGetOptions.d.ts

@@ -0,0 +1,15 @@
+import { OptionsRow, PlusColumn } from '@wlydfe/pro-ui/es/types';
+import { Ref } from 'vue';
+
+/**
+ * 映射options
+ * @version v0.1.15
+ * @param options
+ * @param optionsMap
+ * @returns
+ */
+export declare const getOptionsByOptionsMap: (options: OptionsRow[], props: PlusColumn) => OptionsRow[];
+export declare const useGetOptions: (props: PlusColumn) => {
+    customOptions: Ref<OptionsRow[]>;
+    customOptionsIsReady: Ref<boolean>;
+};

package/lib/hooks/useGetOptions.js

@@ -0,0 +1,81 @@
+'use strict';
+
+var vue = require('vue');
+require('../components/utils/index.js');
+var is = require('../components/utils/is.js');
+
+const throwError = (data) => {
+  if (!is.isArray(data)) {
+    console.error("Uncaught TypeError: ", `options expected Array but got ${is.toRawType(data)}`);
+  }
+};
+const getOptionsByOptionsMap = (options, props) => {
+  const optionsMap = props.optionsMap || {};
+  const valueType = props.valueType;
+  if (valueType === "cascader" || !is.isPlainObject(optionsMap)) {
+    return options;
+  }
+  const data = options.map((item) => {
+    const temp = item;
+    const label = (optionsMap == null ? void 0 : optionsMap.label) || "label";
+    const value = (optionsMap == null ? void 0 : optionsMap.value) || "value";
+    const __origin = {
+      [label]: temp[label],
+      [value]: temp[value]
+    };
+    return { ...temp, __origin, label: item[label], value: item[value] };
+  });
+  return data || [];
+};
+const useGetOptions = (props) => {
+  const options = vue.ref([]);
+  const optionsIsReady = vue.ref(false);
+  if (!props.options) {
+    options.value = [];
+    optionsIsReady.value = true;
+  } else if (vue.isRef(props.options) || vue.isReactive(props.options) || is.isArray(props.options)) {
+    vue.watch(
+      () => props.options,
+      (val) => {
+        const value = vue.isRef(val) ? val.value : val;
+        options.value = getOptionsByOptionsMap(value, props);
+        optionsIsReady.value = true;
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+  } else if (is.isFunction(props.options)) {
+    const getValue = props.options;
+    const result = getValue(props);
+    if (is.isPromise(result)) {
+      result.then((value) => {
+        options.value = getOptionsByOptionsMap(value, props);
+        optionsIsReady.value = true;
+        throwError(options.value);
+      }).catch((err) => {
+        throw err;
+      });
+    } else {
+      options.value = getOptionsByOptionsMap(result, props);
+      optionsIsReady.value = true;
+    }
+  } else if (is.isPromise(props.options)) {
+    const getValue = props.options;
+    getValue.then((value) => {
+      options.value = getOptionsByOptionsMap(value, props);
+      optionsIsReady.value = true;
+      throwError(options.value);
+    }).catch((err) => {
+      throw err;
+    });
+  } else {
+    optionsIsReady.value = true;
+    throwError(props.options);
+  }
+  return { customOptions: options, customOptionsIsReady: optionsIsReady };
+};
+
+exports.getOptionsByOptionsMap = getOptionsByOptionsMap;
+exports.useGetOptions = useGetOptions;

package/lib/hooks/useLocale.d.ts

@@ -0,0 +1,16 @@
+import { Language } from '@wlydfe/pro-ui-locale';
+import { Ref } from 'vue';
+
+type MaybeRef<T> = T | Ref<T>;
+export type TranslatorOption = Record<string, string | number>;
+export type Translator = (path: string, option?: TranslatorOption) => string;
+export type LocaleContext = {
+    locale: Ref<Language>;
+    lang: Ref<string>;
+    t: Translator;
+};
+export declare const buildTranslator: (locale: MaybeRef<Language>) => Translator;
+export declare const translate: (path: string, option: undefined | TranslatorOption, locale: Language) => string;
+export declare const buildLocaleContext: (locale: MaybeRef<Language>) => LocaleContext;
+export declare const useLocale: (localeOverrides?: Ref<Language | undefined>) => LocaleContext;
+export {};

package/lib/hooks/useLocale.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var vue = require('vue');
+var lodashEs = require('lodash-es');
+var elementPlus = require('element-plus');
+var en = require('../locale/lang/en.js');
+
+const buildTranslator = (locale) => (path, option) => translate(path, option, vue.unref(locale));
+const translate = (path, option, locale) => lodashEs.get(locale, path, path).replace(
+  /\{(\w+)\}/g,
+  (_, key) => {
+    var _a;
+    return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
+  }
+);
+const buildLocaleContext = (locale) => {
+  const lang = vue.computed(() => vue.unref(locale).name);
+  const localeRef = vue.isRef(locale) ? locale : vue.ref(locale);
+  return {
+    lang,
+    locale: localeRef,
+    t: buildTranslator(locale)
+  };
+};
+const useLocale = (localeOverrides) => {
+  const locale = localeOverrides || vue.inject(elementPlus.localeContextKey, vue.ref());
+  return buildLocaleContext(vue.computed(() => {
+    var _a;
+    return ((_a = locale.value) == null ? void 0 : _a.plus) ? locale.value : en.default;
+  }));
+};
+
+exports.buildLocaleContext = buildLocaleContext;
+exports.buildTranslator = buildTranslator;
+exports.translate = translate;
+exports.useLocale = useLocale;

package/lib/hooks/useTable.d.ts

@@ -0,0 +1,18 @@
+import { PageInfo } from '@wlydfe/pro-ui/es/types';
+import { ActionBarButtonsRow } from '@wlydfe/pro-ui/es/components/table';
+import { Ref, UnwrapRef, ShallowRef } from 'vue';
+
+/**
+ * 初始化表格基本数据
+ *
+ */
+export declare function useTable<T extends Record<string, any>[] = any>(_pageInfo?: PageInfo | Ref<PageInfo>): {
+    tableData: Ref< UnwrapRef<T>>;
+    pageInfo: Ref<{
+        page: number;
+        pageSize: number;
+    }>;
+    total: Ref<number>;
+    loadingStatus: Ref<boolean>;
+    buttons: ShallowRef<ActionBarButtonsRow[]>;
+};

package/lib/hooks/useTable.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var vue = require('vue');
+require('../constants/index.js');
+var page = require('../constants/page.js');
+
+function useTable(_pageInfo) {
+  const defaultPageInfo = vue.unref(_pageInfo) || page.DefaultPageInfo;
+  const tableData = vue.ref([]);
+  const pageInfo = vue.ref({ ...defaultPageInfo });
+  const total = vue.ref(0);
+  const loadingStatus = vue.ref(false);
+  const buttons = vue.shallowRef([]);
+  return {
+    tableData,
+    pageInfo,
+    total,
+    loadingStatus,
+    buttons
+  };
+}
+
+exports.useTable = useTable;

package/lib/index.d.ts

@@ -0,0 +1,11 @@
+import { App } from 'vue';
+import { default as installer } from './defaults';
+
+export * from '@wlydfe/pro-ui/es/components';
+export * from '@wlydfe/pro-ui/es/hooks';
+export * from '@wlydfe/pro-ui/es/types';
+export * from '@wlydfe/pro-ui/es/constants';
+export * from '@wlydfe/pro-ui/es/directives';
+export { version } from './version';
+export declare const install: (app: App<any>) => void;
+export default installer;

package/lib/index.js

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defaults = require('./defaults.js');
+require('./components/index.js');
+require('./hooks/index.js');
+require('./types/index.js');
+require('./constants/index.js');
+require('./directives/index.js');
+var version = require('./version.js');
+var index = require('./components/dialog/index.js');
+var index$1 = require('./components/pagination/index.js');
+var index$2 = require('./components/table/index.js');
+var index$3 = require('./components/radio/index.js');
+var index$4 = require('./components/date-picker/index.js');
+var index$5 = require('./components/descriptions/index.js');
+var index$6 = require('./components/display-item/index.js');
+var index$7 = require('./components/form/index.js');
+var index$8 = require('./components/form-item/index.js');
+var index$9 = require('./components/search/index.js');
+var index$a = require('./components/dialog-form/index.js');
+var index$b = require('./components/drawer-form/index.js');
+var index$c = require('./components/page/index.js');
+var index$d = require('./components/popover/index.js');
+var index$e = require('./components/steps-form/index.js');
+var index$f = require('./components/input-tag/index.js');
+var index$g = require('./components/breadcrumb/index.js');
+var index$h = require('./components/sidebar/index.js');
+var index$i = require('./components/header/index.js');
+var index$j = require('./components/layout/index.js');
+var index$k = require('./components/check-card/index.js');
+var index$l = require('./components/check-card-group/index.js');
+var useGetOptions = require('./hooks/useGetOptions.js');
+var useLocale = require('./hooks/useLocale.js');
+var useTable = require('./hooks/useTable.js');
+var page = require('./constants/page.js');
+var form = require('./constants/form.js');
+var displayItem = require('./constants/display-item.js');
+var index$m = require('./directives/click/index.js');
+
+const install = defaults.default.install;
+
+exports.default = defaults.default;
+exports.version = version.version;
+exports.PlusDialog = index.PlusDialog;
+exports.PlusPagination = index$1.PlusPagination;
+exports.PlusTable = index$2.PlusTable;
+exports.PlusRadio = index$3.PlusRadio;
+exports.PlusDatePicker = index$4.PlusDatePicker;
+exports.PlusDescriptions = index$5.PlusDescriptions;
+exports.PlusDisplayItem = index$6.PlusDisplayItem;
+exports.PlusForm = index$7.PlusForm;
+exports.PlusFormItem = index$8.PlusFormItem;
+exports.PlusSearch = index$9.PlusSearch;
+exports.PlusDialogForm = index$a.PlusDialogForm;
+exports.PlusDrawerForm = index$b.PlusDrawerForm;
+exports.PlusPage = index$c.PlusPage;
+exports.PlusPopover = index$d.PlusPopover;
+exports.PlusStepsForm = index$e.PlusStepsForm;
+exports.PlusInputTag = index$f.PlusInputTag;
+exports.PlusBreadcrumb = index$g.PlusBreadcrumb;
+exports.PlusSidebar = index$h.PlusSidebar;
+exports.PlusSidebarItem = index$h.PlusSidebarItem;
+exports.PlusHeader = index$i.PlusHeader;
+exports.PlusLayout = index$j.PlusLayout;
+exports.PlusCheckCard = index$k.PlusCheckCard;
+exports.PlusCheckCardGroup = index$l.PlusCheckCardGroup;
+exports.getOptionsByOptionsMap = useGetOptions.getOptionsByOptionsMap;
+exports.useGetOptions = useGetOptions.useGetOptions;
+exports.buildLocaleContext = useLocale.buildLocaleContext;
+exports.buildTranslator = useLocale.buildTranslator;
+exports.translate = useLocale.translate;
+exports.useLocale = useLocale.useLocale;
+exports.useTable = useTable.useTable;
+exports.DefaultPageInfo = page.DefaultPageInfo;
+exports.DefaultPageSizeList = page.DefaultPageSizeList;
+exports.DatePickerValueIsArrayList = form.DatePickerValueIsArrayList;
+exports.TableFormFieldRefInjectionKey = form.TableFormFieldRefInjectionKey;
+exports.TableFormRefInjectionKey = form.TableFormRefInjectionKey;
+exports.TableFormRowInfoInjectionKey = form.TableFormRowInfoInjectionKey;
+exports.ValueIsArrayList = form.ValueIsArrayList;
+exports.ValueIsBooleanList = form.ValueIsBooleanList;
+exports.ValueIsNumberList = form.ValueIsNumberList;
+exports.selectValueTypeList = displayItem.selectValueTypeList;
+exports.click = index$m.click;
+exports.install = install;

package/lib/locale/index.d.ts

@@ -0,0 +1,12 @@
+export { default as en } from './lang/en';
+export { default as zhCn } from './lang/zh-cn';
+export { default as ja } from './lang/ja';
+export { default as ko } from './lang/ko';
+export { default as zhTw } from './lang/zh-tw';
+export type Translate = {
+    [key: string]: string | string[] | Translate;
+};
+export type Language = {
+    name: string;
+    plus: Translate;
+};

package/lib/locale/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var en = require('./lang/en.js');
+var zhCn = require('./lang/zh-cn.js');
+var ja = require('./lang/ja.js');
+var ko = require('./lang/ko.js');
+var zhTw = require('./lang/zh-tw.js');
+
+
+
+exports.en = en.default;
+exports.zhCn = zhCn.default;
+exports.ja = ja.default;
+exports.ko = ko.default;
+exports.zhTw = zhTw.default;

package/lib/locale/lang/en.d.ts

@@ -0,0 +1,69 @@
+declare const _default: {
+    name: string;
+    plus: {
+        dialog: {
+            confirmText: string;
+            cancelText: string;
+            title: string;
+        };
+        datepicker: {
+            startPlaceholder: string;
+            endPlaceholder: string;
+        };
+        dialogForm: {
+            title: string;
+        };
+        drawerForm: {
+            title: string;
+            confirmText: string;
+            cancelText: string;
+        };
+        form: {
+            submitText: string;
+            resetText: string;
+            errorTip: string;
+        };
+        field: {
+            pleaseEnter: string;
+            pleaseSelect: string;
+        };
+        popover: {
+            confirmText: string;
+            cancelText: string;
+        };
+        search: {
+            searchText: string;
+            resetText: string;
+            expand: string;
+            retract: string;
+        };
+        table: {
+            title: string;
+            density: string;
+            refresh: string;
+            columnSettings: string;
+            selectAll: string;
+            default: string;
+            loose: string;
+            compact: string;
+            action: string;
+            more: string;
+            confirmToPerformThisOperation: string;
+            prompt: string;
+            sort: string;
+            resetText: string;
+        };
+        stepsForm: {
+            nextText: string;
+            preText: string;
+            submitText: string;
+        };
+        inputTag: {
+            placeholder: string;
+        };
+        header: {
+            logout: string;
+        };
+    };
+};
+export default _default;