@wlydfe/pro-ui 0.1.25

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/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/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;

package/lib/locale/lang/en.js

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var English = {
+  name: "en",
+  plus: {
+    dialog: {
+      confirmText: "Yes",
+      cancelText: "No",
+      title: "Dialog"
+    },
+    datepicker: {
+      startPlaceholder: "Please select start time",
+      endPlaceholder: "Please select end time"
+    },
+    dialogForm: {
+      title: "Dialog form"
+    },
+    drawerForm: {
+      title: "Drawer form",
+      confirmText: "Yes",
+      cancelText: "No"
+    },
+    form: {
+      submitText: "Submit",
+      resetText: "Reset",
+      errorTip: "Please complete the form and submit again!"
+    },
+    field: {
+      pleaseEnter: "Please enter ",
+      pleaseSelect: "Please select "
+    },
+    popover: {
+      confirmText: "Yes",
+      cancelText: "No"
+    },
+    search: {
+      searchText: "Search",
+      resetText: "Reset",
+      expand: "Expand",
+      retract: "Retract"
+    },
+    table: {
+      title: "Table",
+      density: "Density",
+      refresh: "Refresh",
+      columnSettings: "Column settings",
+      selectAll: "Select all",
+      default: "Default",
+      loose: "Loose",
+      compact: "Compact",
+      action: "Action",
+      more: "More",
+      confirmToPerformThisOperation: "Confirm to perform this operation?",
+      prompt: "Prompt",
+      sort: "Sort",
+      resetText: "Reset"
+    },
+    stepsForm: {
+      nextText: "Next step",
+      preText: "Previous step",
+      submitText: "Submit"
+    },
+    inputTag: {
+      placeholder: "Please enter keywords and press enter or space key"
+    },
+    header: {
+      logout: "logout"
+    }
+  }
+};
+
+exports.default = English;

package/lib/locale/lang/ja.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;