@wlydfe/pro-ui 0.2.0

package/lib/directives/click/index.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const vue = require('vue');
+const useClickControl = require('./hook/useClickControl.js');
+const index = require('./type/index.js');
+
+const click = {
+  mounted(el, binding) {
+    const handler = binding.value;
+    if (!handler) {
+      console.warn(index.CLICK_CONST.ERROR_MESSAGE.NO_HANDLER);
+      return;
+    }
+    const delay = Object.keys(binding.modifiers).find((key) => /^\d+$/.test(key));
+    const mode = binding.modifiers[index.CLICK_CONST.MODIFIERS.DEBOUNCE] ? index.CLICK_CONST.MODIFIERS.DEBOUNCE : index.CLICK_CONST.MODIFIERS.THROTTLE;
+    el._clickControl = useClickControl.useClickControl();
+    el._clickHandler = (event) => {
+      var _a;
+      (_a = el._clickControl) == null ? void 0 : _a.executeHandler(() => handler(event), {
+        delay: delay ? parseInt(delay) : void 0,
+        mode
+      });
+    };
+    el.addEventListener("click", el._clickHandler);
+    const unwatch = vue.watch(
+      () => {
+        var _a;
+        return (_a = el._clickControl) == null ? void 0 : _a.isProcessing.value;
+      },
+      (isProcessing) => {
+        if (isProcessing) {
+          el.classList.add("is-clicking");
+        } else {
+          el.classList.remove("is-clicking");
+        }
+      }
+    );
+    el._unwatchLoading = unwatch;
+  },
+  unmounted(el) {
+    if (el._clickHandler) {
+      el.removeEventListener("click", el._clickHandler);
+    }
+    if (el._clickControl) {
+      el._clickControl.cleanup();
+    }
+    if (el._unwatchLoading) {
+      el._unwatchLoading();
+    }
+  }
+};
+
+exports.default = click;

package/lib/directives/click/type/index.d.ts

@@ -0,0 +1,16 @@
+export declare const CLICK_CONST: {
+    readonly MODIFIERS: {
+        readonly DEBOUNCE: "debounce";
+        readonly THROTTLE: "throttle";
+    };
+    readonly DEFAULT: {
+        readonly DELAY: 300;
+        readonly MODE: "throttle";
+    };
+    readonly ERROR_MESSAGE: {
+        readonly NO_HANDLER: "[v-click] handler is required";
+        readonly INVALID_HANDLER: "[v-click] handler must be a function";
+        readonly INVALID_DELAY: "[v-click] delay must be a positive number";
+    };
+};
+export type ClickMode = (typeof CLICK_CONST.MODIFIERS)[keyof typeof CLICK_CONST.MODIFIERS];

package/lib/directives/click/type/index.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/index.d.ts

@@ -0,0 +1 @@
+export { default as Click } from './click';

package/lib/directives/index.js

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

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,14 @@
+'use strict';
+
+const useGetOptions = require('./useGetOptions.js');
+const useLocale = require('./useLocale.js');
+const useTable = require('./useTable.js');
+
+
+
+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,6 @@
+import type { Ref } from 'vue';
+import type { OptionsRow, PlusColumn } from '@wlydfe/pro-ui-types';
+export declare const useGetOptions: (props: PlusColumn) => {
+    customOptions: Ref<OptionsRow[]>;
+    customOptionsIsReady: Ref<boolean>;
+};

package/lib/hooks/useGetOptions.js

@@ -0,0 +1,64 @@
+'use strict';
+
+const vue = require('vue');
+require('../components/utils/index.js');
+const 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 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.watch(
+      props.options,
+      (val) => {
+        options.value = val;
+        optionsIsReady.value = true;
+      },
+      {
+        immediate: true
+      }
+    );
+  } else if (is.isArray(props.options)) {
+    options.value = [...props.options];
+    optionsIsReady.value = true;
+  } else if (is.isFunction(props.options)) {
+    const getValue = props.options;
+    const result = getValue(props);
+    if (is.isPromise(result)) {
+      ;
+      result.then((res) => {
+        options.value = res;
+        optionsIsReady.value = true;
+        throwError(options.value);
+      }).catch((err) => {
+        throw err;
+      });
+    } else {
+      options.value = result;
+      optionsIsReady.value = true;
+    }
+  } else if (is.isPromise(props.options)) {
+    const getValue = props.options;
+    getValue.then((res) => {
+      options.value = res;
+      optionsIsReady.value = true;
+      throwError(options.value);
+    }).catch((err) => {
+      throw err;
+    });
+  } else {
+    optionsIsReady.value = true;
+    throwError(props.options);
+  }
+  return { customOptions: options, customOptionsIsReady: optionsIsReady };
+};
+
+exports.useGetOptions = useGetOptions;

package/lib/hooks/useLocale.d.ts

@@ -0,0 +1,18 @@
+/**
+ * fork = require( https://github.com/element-plus/element-plus/blob/dev/packages/hooks/use-locale/index.ts)
+ */
+import type { Ref } from 'vue';
+import type { Language } from '@wlydfe/pro-ui-locale';
+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,33 @@
+'use strict';
+
+const vue = require('vue');
+const lodashEs = require('lodash-es');
+const elementPlus = require('element-plus');
+const 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(() => 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,20 @@
+import type { Ref } from 'vue';
+import type { ActionBarButtonsRow } from '@wlydfe/pro-ui-components/table';
+import type { PageInfo } from '@wlydfe/pro-ui-types';
+/**
+ * 初始化表格基本数据
+ *
+ */
+export declare function useTable<T extends Record<string, any>[] = any>(_pageInfo?: PageInfo | Ref<PageInfo>): {
+    tableData: [T] extends [Ref<any, any>] ? import("@vue/shared").IfAny<T, Ref<T, T>, T> : Ref<import("vue").UnwrapRef<T>, T | import("vue").UnwrapRef<T>>;
+    pageInfo: Ref<{
+        page: number;
+        pageSize: number;
+    }, PageInfo | {
+        page: number;
+        pageSize: number;
+    }>;
+    total: Ref<number, number>;
+    loadingStatus: Ref<boolean, boolean>;
+    buttons: import("vue").ShallowRef<ActionBarButtonsRow[], ActionBarButtonsRow[]>;
+};

package/lib/hooks/useTable.js

@@ -0,0 +1,23 @@
+'use strict';
+
+const vue = require('vue');
+require('../constants/index.js');
+const 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.css

@@ -0,0 +1,22 @@
+
+.plus-display-item__image{cursor:pointer;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:30px}.plus-display-item__icon__copy{color:var(--el-color-primary);cursor:pointer;outline:none;text-decoration:none;-webkit-transition:color .3s;transition:color .3s;-webkit-margin-start:4px;margin-inline-start:4px;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 .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%}
+.plus-check-card{border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--el-text-color-regular);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;padding-block:16px;padding-inline:12px;-webkit-user-select:none;-moz-user-select:none;-ms-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{border:10px solid var(--el-color-primary);height:0;inset-block-start:2px;inset-inline-end:2px;position:absolute;width:0;-webkit-border-after:10px solid transparent;border-block-end:10px solid transparent;-webkit-border-start:10px solid transparent;border-inline-start:10px solid transparent;border-start-end-radius:6px;content:""}.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{width:100%;-webkit-margin-after:4px;color:var(--el-text-color-primary);margin-block-end:4px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.plus-check-card .plus-check-card__title,.plus-check-card .plus-check-card__title-left,.plus-check-card .plus-check-card__title-right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.plus-check-card .plus-check-card__title-right{vertical-align:middle}.plus-check-card .plus-check-card__description{color:var(--el-text-color-regular);width:100%;word-break:break-all}
+.plus-date-picker{border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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 .plus-date-picker__middle{color:var(--el-text-color-placeholder)}.plus-date-picker .plus-date-picker__start{font-size:14px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.plus-date-picker .plus-date-picker__start .el-input__wrapper{border:none;-webkit-box-shadow:none;box-shadow:none}.plus-date-picker .el-input__wrapper{width:100%}.plus-date-picker .el-input__wrapper.is-focus,.plus-date-picker .el-input__wrapper:hover{-webkit-box-shadow:none;box-shadow:none}.plus-date-picker .plus-date-picker__end{font-size:14px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.plus-date-picker .plus-date-picker__end .el-input__wrapper{border:none;-webkit-box-shadow: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{-webkit-box-shadow:none;box-shadow:none}.el-form-item.is-error .plus-date-picker .el-input__wrapper.is-focus{-webkit-box-shadow:none!important;box-shadow:none!important}.el-form-item.is-error .plus-date-picker .el-input__wrapper:hover{-webkit-box-shadow:none;box-shadow:none}
+.plus-description .plus-description__name{max-width:200px;word-wrap:break-word}.plus-description .plus-description__label{min-width:80px}
+
+.plus-form.no-has-label+.el-form-item__label{padding:0;width:0}.plus-form .plus-form__row{width:100%}.plus-form .plus-form__footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.plus-form .plus-form__group__item{margin-bottom:20px}.plus-form .plus-form__group__item .plus-form__group__item__icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.plus-check-card-group .plus-check-card{margin-bottom:16px;margin-right:16px}
+.plus-breadcrumb{margin-bottom:8px}
+
+:root{--plus-header-height:60px;--plus-sidebar-collapse-height:60px}.plus-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--el-border-color)}.plus-header.is-fixed{left:0;position:fixed;top:0;width:100%}.plus-header .plus-header__left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}.plus-header .plus-header__right,.plus-header .plus-header__right .plus-header__dropdown-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.plus-header .plus-header__right .plus-header__dropdown-area{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-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{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:16px 0}
+
+.plus-dialog .plus-dialog-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
+.plus-form-item{width:100%}.plus-form-item .plus-form-item__label{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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-search.el-form--inline .el-form-item{margin-right:0}.plus-search .plus-search__button__wrapper{-webkit-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;max-width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.plus-search .plus-search__button__wrapper.el-form-item{margin-right:10px}.plus-search .plus-search__button__wrapper .el-form-item__content{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}
+:root{--plus-header-height:60px;--plus-sidebar-collapse-height:60px}.plus-layout{height:100vh;overflow:hidden}.plus-layout.el-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.plus-layout .el-main{padding-right:10px}.plus-layout .el-main,.plus-layout .plus-sidebar{height:calc(100vh - var(--plus-header-height))}
+.plus-page .plus-page__table_wrapper{margin-top:20px}
+.plus-steps-form .el-steps{margin-bottom:20px}.plus-steps-form-vertical{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.plus-steps-form-vertical .el-steps--vertical{margin-right:20px}.plus-steps-form-vertical .plus-form{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
+.plus-input-tag{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base);-webkit-box-sizing:border-box;box-sizing:border-box;padding:1px 2px}.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 .plus-input-tag__tag{margin-bottom:1px;margin-right:4px;margin-top:1px}.plus-input-tag .plus-input-tag__input{-webkit-box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex:1;-ms-flex:1;flex:1;min-width:85px;padding:0}.plus-input-tag .plus-input-tag__input .el-input__wrapper{-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;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{-webkit-box-shadow:none;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{-webkit-box-shadow:none;box-shadow:none}.el-form-item.is-error .plus-input-tag .el-input__wrapper.is-focus{-webkit-box-shadow:none!important;box-shadow:none!important}.el-form-item.is-error .plus-input-tag .el-input__wrapper:hover{-webkit-box-shadow:none;box-shadow:none}
+:root{--plus-header-height:60px;--plus-sidebar-collapse-height:60px}.plus-sidebar{height:100%}.plus-sidebar.is-vertical{min-height:400px}.plus-sidebar.is-vertical:not(.el-menu--collapse){-webkit-flex-shrink:0;width:var(--plus-sidebar-width);-ms-flex-negative:0;flex-shrink:0}.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{background-color:var(--el-menu-bg-color);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--plus-sidebar-collapse-height);left:0;position:absolute;width:calc(var(--plus-sidebar-width) - 1px);-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.plus-sidebar.is-vertical .plus-sidebar__collapse.is-collapse{width:calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding)*2 - 1px)}.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;-ms-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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;width:100%}.plus-sidebar .plus-sidebar__item-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.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.el-table-fixed-column--right{background-color:var(--el-bg-color)}.plus-table .plus-table-action-bar .cell{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.plus-table .plus-table-action-bar .plus-table-action-bar__dropdown__link{cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-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{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:move;font-size:18px;padding:4px}.plus-table .plus-table-column-index .plus-table-index-column{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:20px;white-space:nowrap;width:20px;word-break:keep-all}.plus-table .plus-table-column-index .cell .plus-table-column-index__content,.plus-table .plus-table-column-index .plus-table-index-column{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.plus-table .plus-table-column-index .cell .plus-table-column-index__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden}.plus-table .plus-table-title-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.plus-table .el-popper{max-width:200px}.plus-table-title-bar__toolbar__density{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.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{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;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}

package/lib/index.d.ts

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

package/lib/index.js

@@ -0,0 +1,82 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const defaults = require('./defaults.js');
+require('./components/index.js');
+require('./hooks/index.js');
+require('./types/index.js');
+require('./constants/index.js');
+require('./directives/index.js');
+const version = require('./version.js');
+const index = require('./components/dialog/index.js');
+const index$1 = require('./components/pagination/index.js');
+const index$2 = require('./components/table/index.js');
+const index$3 = require('./components/radio/index.js');
+const index$4 = require('./components/date-picker/index.js');
+const index$5 = require('./components/descriptions/index.js');
+const index$6 = require('./components/display-item/index.js');
+const index$7 = require('./components/form/index.js');
+const index$8 = require('./components/form-item/index.js');
+const index$9 = require('./components/search/index.js');
+const index$a = require('./components/dialog-form/index.js');
+const index$b = require('./components/drawer-form/index.js');
+const index$c = require('./components/page/index.js');
+const index$d = require('./components/popover/index.js');
+const index$e = require('./components/steps-form/index.js');
+const index$f = require('./components/input-tag/index.js');
+const index$g = require('./components/breadcrumb/index.js');
+const index$h = require('./components/sidebar/index.js');
+const index$i = require('./components/header/index.js');
+const index$j = require('./components/layout/index.js');
+const index$k = require('./components/check-card/index.js');
+const index$l = require('./components/check-card-group/index.js');
+const useGetOptions = require('./hooks/useGetOptions.js');
+const useLocale = require('./hooks/useLocale.js');
+const useTable = require('./hooks/useTable.js');
+const page = require('./constants/page.js');
+const form = require('./constants/form.js');
+const 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.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.TableFormRefInjectionKey = form.TableFormRefInjectionKey;
+exports.ValueIsArrayList = form.ValueIsArrayList;
+exports.ValueIsBooleanList = form.ValueIsBooleanList;
+exports.ValueIsNumberList = form.ValueIsNumberList;
+exports.Click = index$m.default;
+exports.install = install;

package/lib/locale/index.d.ts

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

package/lib/locale/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const en = require('./lang/en.js');
+const zhCn = require('./lang/zh-cn.js');
+
+
+
+exports.en = en.default;
+exports.zhCn = zhCn.default;

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

@@ -0,0 +1,66 @@
+declare const _default: {
+    name: string;
+    plus: {
+        dialog: {
+            confirmText: string;
+            cancelText: string;
+            title: string;
+        };
+        datepicker: {
+            startPlaceholder: string;
+            endPlaceholder: string;
+        };
+        dialogForm: {
+            title: string;
+        };
+        drawerForm: {
+            title: 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;
+        };
+        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,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const 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"
+    },
+    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"
+    },
+    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/zh-cn.d.ts

@@ -0,0 +1,66 @@
+declare const _default: {
+    name: string;
+    plus: {
+        dialog: {
+            confirmText: string;
+            cancelText: string;
+            title: string;
+        };
+        datepicker: {
+            startPlaceholder: string;
+            endPlaceholder: string;
+        };
+        dialogForm: {
+            title: string;
+        };
+        drawerForm: {
+            title: 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;
+        };
+        stepsForm: {
+            nextText: string;
+            preText: string;
+            submitText: string;
+        };
+        inputTag: {
+            placeholder: string;
+        };
+        header: {
+            logout: string;
+        };
+    };
+};
+export default _default;