yc-pro-components 0.0.1

package/es/components/yc-tabs-with-filter/src/index.vue.d.ts

@@ -0,0 +1,83 @@
+import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+interface Props {
+    /** 当前激活的 tab */
+    modelValue: string;
+    /** 是否显示筛选按钮 */
+    showFilter?: boolean;
+    /**
+     * 筛选按钮文字
+     * @description 如果不传，使用 YcConfigProvider 的 components.tabsWithFilter.filterText 或默认"筛选"
+     */
+    filterText?: string;
+    /**
+     * 筛选面板可见状态
+     * @description
+     * - 如果不传（undefined），使用 YcConfigProvider 的 showPageSearch 全局配置
+     * - 如果传入 true/false，使用传入的值作为初始值
+     */
+    filterVisible?: boolean;
+    /**
+     * 是否使用全局状态
+     * @description 设置为 true 时，筛选状态会同步到 YcConfigProvider 的 showPageSearch
+     */
+    useGlobalState?: boolean;
+    /**
+     * 是否自动隐藏宿主应用默认的 lay-actions 操作条
+     * @description 为兼容旧版 ReTabsWithFilter 行为，默认开启；如需保留 lay-actions，可显式设置为 false
+     */
+    autoHideLayActions?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    showFilter: boolean;
+    filterText: undefined;
+    filterVisible: undefined;
+    useGlobalState: boolean;
+    autoHideLayActions: boolean;
+}>, {
+    showPageSearch: Ref<boolean>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+    "filter-toggle": (visible: boolean) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    showFilter: boolean;
+    filterText: undefined;
+    filterVisible: undefined;
+    useGlobalState: boolean;
+    autoHideLayActions: boolean;
+}>>> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onFilter-toggle"?: ((visible: boolean) => any) | undefined;
+}, {
+    filterText: string;
+    showFilter: boolean;
+    filterVisible: boolean;
+    useGlobalState: boolean;
+    autoHideLayActions: boolean;
+}, {}>, {
+    default?(_: {
+        filterVisible: boolean;
+    }): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/yc-tabs-with-filter/src/index.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue2.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var YcTabsWithFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { YcTabsWithFilter as default };

package/es/components/yc-tabs-with-filter/src/index.vue2.mjs

@@ -0,0 +1,132 @@
+import { defineComponent, computed, ref, watch, onMounted, onUnmounted, resolveComponent, openBlock, createElementBlock, createCommentVNode, createElementVNode, createVNode, withCtx, renderSlot, unref, normalizeClass, createTextVNode, toDisplayString } from 'vue';
+import { Filter } from '@element-plus/icons-vue';
+import { useYcShowPageSearch, useYcTranslate, useYcComponentConfig } from '../../yc-config-provider/src/useYcConfig.mjs';
+
+const _hoisted_1 = { class: "yc-tabs-with-filter-wrapper" };
+const _hoisted_2 = { class: "yc-tabs-header" };
+const _hoisted_3 = {
+  key: 0,
+  class: "yc-filter-button-wrapper"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "YcTabsWithFilter"
+  },
+  __name: "index",
+  props: {
+    modelValue: {},
+    showFilter: { type: Boolean, default: true },
+    filterText: { default: void 0 },
+    filterVisible: { type: Boolean, default: void 0 },
+    useGlobalState: { type: Boolean, default: true },
+    autoHideLayActions: { type: Boolean, default: true }
+  },
+  emits: ["update:modelValue", "filter-toggle"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const globalShowPageSearch = useYcShowPageSearch();
+    const t = useYcTranslate();
+    const tabsConfig = useYcComponentConfig("tabsWithFilter");
+    const buttonText = computed(() => {
+      if (props.filterText !== void 0) {
+        return props.filterText;
+      }
+      if (tabsConfig == null ? void 0 : tabsConfig.filterText) {
+        return tabsConfig.filterText;
+      }
+      return t("buttons.filter") !== "buttons.filter" ? t("buttons.filter") : "\u7B5B\u9009";
+    });
+    const showPageSearch = ref(
+      props.filterVisible !== void 0 ? props.filterVisible : props.useGlobalState ? globalShowPageSearch.value : false
+    );
+    watch(globalShowPageSearch, (newValue) => {
+      if (props.useGlobalState && props.filterVisible === void 0) {
+        showPageSearch.value = newValue;
+      }
+    });
+    watch(
+      () => props.filterVisible,
+      (newValue) => {
+        if (newValue !== void 0) {
+          showPageSearch.value = newValue;
+        }
+      }
+    );
+    const handleTabChange = (value) => {
+      emit("update:modelValue", value);
+    };
+    const handleFilterToggle = () => {
+      showPageSearch.value = !showPageSearch.value;
+      if (props.useGlobalState) {
+        globalShowPageSearch.value = showPageSearch.value;
+      }
+      emit("filter-toggle", showPageSearch.value);
+    };
+    __expose({
+      showPageSearch
+    });
+    const hideLayActions = () => {
+      if (!props.autoHideLayActions) return;
+      const layActions = document.querySelector(".lay-actions");
+      if (layActions) {
+        layActions.style.display = "none";
+      }
+    };
+    const showLayActions = () => {
+      if (!props.autoHideLayActions) return;
+      const layActions = document.querySelector(".lay-actions");
+      if (layActions) {
+        layActions.style.display = "";
+      }
+    };
+    onMounted(() => {
+      hideLayActions();
+    });
+    onUnmounted(() => {
+      showLayActions();
+    });
+    return (_ctx, _cache) => {
+      const _component_el_tabs = resolveComponent("el-tabs");
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" Tabs \u5934\u90E8\u533A\u57DF "),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_component_el_tabs, {
+            "model-value": _ctx.modelValue,
+            class: "yc-tabs-with-filter",
+            "onUpdate:modelValue": handleTabChange
+          }, {
+            default: withCtx(() => [
+              createCommentVNode(" \u9ED8\u8BA4\u63D2\u69FD\u7528\u4E8E\u4F20\u5165 el-tab-pane "),
+              renderSlot(_ctx.$slots, "default", { filterVisible: showPageSearch.value })
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["model-value"]),
+          createCommentVNode(" \u53F3\u4FA7\u7B5B\u9009\u6309\u94AE "),
+          _ctx.showFilter ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            createVNode(_component_el_button, {
+              size: "small",
+              icon: unref(Filter),
+              class: normalizeClass(["yc-filter-button", { "yc-filter-button--active": showPageSearch.value }]),
+              onClick: handleFilterToggle
+            }, {
+              default: withCtx(() => [
+                createTextVNode(
+                  toDisplayString(buttonText.value),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["icon", "class"])
+          ])) : createCommentVNode("v-if", true)
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/yc-text/index.d.ts

@@ -0,0 +1,10 @@
+import { SFCWithInstall } from 'yc-components/es/utils';
+import { default as YcText } from './src/index.vue';
+import { DefineComponent } from 'vue';
+
+/** 支持 Tooltip 提示的文本省略组件 */
+export declare const YcTextWithInstall: SFCWithInstall<DefineComponent>;
+export { YcText };
+export default YcText;
+export { YcText as ReText };
+export type YcTextInstance = InstanceType<typeof YcText>;

package/es/components/yc-text/index.mjs

@@ -0,0 +1,13 @@
+import 'js-cookie';
+import 'dayjs';
+import 'numeral';
+import 'accounting';
+import 'good-storage';
+import 'crypto-js';
+import 'qs';
+import { withInstall as l } from '../../utils/dist/component.mjs';
+import YcText from './src/index.vue.mjs';
+
+const YcTextWithInstall = l(YcText);
+
+export { YcText as ReText, YcText, YcTextWithInstall, YcText as default };

package/es/components/yc-text/src/index.vue.d.ts

@@ -0,0 +1,43 @@
+import { PropType, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+
+interface TippyOptions {
+    content?: any;
+    placement?: string;
+    trigger?: string;
+    [key: string]: any;
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
+    /** 行数限制 */
+    lineClamp: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /** Tippy 配置 */
+    tippyProps: {
+        type: PropType<TippyOptions>;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    /** 行数限制 */
+    lineClamp: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /** Tippy 配置 */
+    tippyProps: {
+        type: PropType<TippyOptions>;
+        default: () => {};
+    };
+}>>, {
+    tippyProps: TippyOptions;
+}, {}>, Readonly<{
+    content: () => any;
+    default: () => any;
+}> & {
+    content: () => any;
+    default: () => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/yc-text/src/index.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue2.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var YcText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { YcText as default };

package/es/components/yc-text/src/index.vue2.mjs

@@ -0,0 +1,76 @@
+import { defineComponent, useSlots, ref, resolveComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createVNode, withModifiers } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "YcText"
+  },
+  __name: "index",
+  props: {
+    /** 行数限制 */
+    lineClamp: {
+      type: [String, Number]
+    },
+    /** Tippy 配置 */
+    tippyProps: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useSlots();
+    const textRef = ref();
+    const showTooltip = ref(false);
+    const isTextEllipsis = (el) => {
+      if (!props.lineClamp) {
+        return el.scrollWidth > el.clientWidth;
+      } else {
+        return el.scrollHeight > el.clientHeight;
+      }
+    };
+    function handleHover(event) {
+      showTooltip.value = isTextEllipsis(event.target);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_text = resolveComponent("el-text");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      return openBlock(), createBlock(_component_el_tooltip, mergeProps({
+        disabled: !showTooltip.value,
+        content: __props.tippyProps.content
+      }, __props.tippyProps), {
+        content: withCtx(() => [
+          renderSlot(_ctx.$slots, "content", {}, () => [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        default: withCtx(() => [
+          createVNode(
+            _component_el_text,
+            mergeProps({
+              truncated: !__props.lineClamp,
+              lineClamp: __props.lineClamp,
+              ..._ctx.$attrs
+            }, {
+              ref_key: "textRef",
+              ref: textRef,
+              onMouseover: withModifiers(handleHover, ["self"])
+            }),
+            {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+              /* FORWARDED */
+            },
+            16
+            /* FULL_PROPS */
+          )
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["disabled", "content"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/constants/display-item.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 需要显示成label的valueType列表
+ */
+export declare const selectValueTypeList: (string | undefined)[];

package/es/constants/display-item.mjs

@@ -0,0 +1,9 @@
+const selectValueTypeList = [
+  "select",
+  "radio",
+  "checkbox",
+  "select-v2",
+  "plus-radio"
+];
+
+export { selectValueTypeList };

package/es/constants/form.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 表格里表单的provide(inject) key
+ */
+export declare const TableFormRefInjectionKey: unique symbol;
+/**
+ * 表格里表单每一项 的provide(inject) key
+ */
+export declare const TableFormFieldRefInjectionKey: unique symbol;
+/**
+ * 表格里表单 表格行信息 provide(inject) key
+ */
+export declare const TableFormRowInfoInjectionKey: unique symbol;
+/**
+ *  表单ElDatePicker 组件 值是数组的type列表
+ */
+export declare const DatePickerValueIsArrayList: string[];
+/**
+ * 表单组件值是数字类型的valueType列表
+ */
+export declare const ValueIsNumberList: string[];
+/**
+ * 表单组件值是布尔类型的valueType列表
+ */
+export declare const ValueIsBooleanList: string[];
+/**
+ *  表单组件值是数组的valueType列表
+ */
+export declare const ValueIsArrayList: string[];

package/es/constants/form.mjs

@@ -0,0 +1,15 @@
+const TableFormRefInjectionKey = Symbol("tableFormRefInjectionKey");
+const TableFormFieldRefInjectionKey = Symbol("tableFormFieldRefInjectionKey");
+const TableFormRowInfoInjectionKey = Symbol("tableFormRowInfoInjectionKey");
+const DatePickerValueIsArrayList = ["datetimerange", "daterange", "monthrange"];
+const ValueIsNumberList = ["rate", "input-number", "slider"];
+const ValueIsBooleanList = ["switch"];
+const ValueIsArrayList = [
+  "checkbox",
+  "cascader",
+  "plus-date-picker",
+  "plus-input-tag",
+  "transfer"
+];
+
+export { DatePickerValueIsArrayList, TableFormFieldRefInjectionKey, TableFormRefInjectionKey, TableFormRowInfoInjectionKey, ValueIsArrayList, ValueIsBooleanList, ValueIsNumberList };

package/es/constants/index.d.ts

@@ -0,0 +1,3 @@
+export * from './page';
+export * from './form';
+export * from './display-item';

package/es/constants/index.mjs

@@ -0,0 +1,3 @@
+export { DefaultPageInfo, DefaultPageSizeList } from './page.mjs';
+export { DatePickerValueIsArrayList, TableFormFieldRefInjectionKey, TableFormRefInjectionKey, TableFormRowInfoInjectionKey, ValueIsArrayList, ValueIsBooleanList, ValueIsNumberList } from './form.mjs';
+export { selectValueTypeList } from './display-item.mjs';

package/es/constants/page.d.ts

@@ -0,0 +1,10 @@
+import { PageInfo } from 'yc-components/es/types';
+
+/**
+ *默认的分页列表
+ */
+export declare const DefaultPageSizeList: number[];
+/**
+ * 默认的分页参数
+ */
+export declare const DefaultPageInfo: PageInfo;

package/es/constants/page.mjs

@@ -0,0 +1,7 @@
+const DefaultPageSizeList = [10, 20, 30, 40, 50, 100, 200, 300, 400, 500];
+const DefaultPageInfo = {
+  page: 1,
+  pageSize: 10
+};
+
+export { DefaultPageInfo, DefaultPageSizeList };

package/es/defaults.d.ts

@@ -0,0 +1,5 @@
+import { App } from 'vue';
+declare const _default: {
+    install: (app: App<any>) => void;
+};
+export default _default;

package/es/defaults.mjs

@@ -0,0 +1,6 @@
+import { makeInstaller } from './make-installer.mjs';
+import plugins from './component.mjs';
+
+var installer = makeInstaller([...plugins]);
+
+export { installer as default };

package/es/hooks/index.d.ts

@@ -0,0 +1,8 @@
+export * from './useGetOptions';
+export * from './useLocale';
+export * from './useTable';
+export * from './useSelectWithMapping';
+export * from './usePlusProConfig';
+export * from './useSortableDrag';
+export * from './usePlusFormReset';
+export * from './useSelectWithPagination';

package/es/hooks/index.mjs

@@ -0,0 +1,8 @@
+export { getOptionsByOptionsMap, useGetOptions } from './useGetOptions.mjs';
+export { buildLocaleContext, buildTranslator, translate, useLocale } from './useLocale.mjs';
+export { useTable } from './useTable.mjs';
+export { useSelectWithMapping } from './useSelectWithMapping.mjs';
+export { providePlusProConfig, useDialogFormConfig, useDrawerFormConfig, usePlusProConfig } from './usePlusProConfig.mjs';
+export { useSortableDrag } from './useSortableDrag.mjs';
+export { usePlusFormClearValidate, usePlusFormFullReset, usePlusFormReset } from './usePlusFormReset.mjs';
+export { useSelectWithPagination } from './useSelectWithPagination.mjs';

package/es/hooks/useGetOptions.d.ts

@@ -0,0 +1,15 @@
+import { OptionsRow, PlusColumn } from 'yc-components/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/es/hooks/useGetOptions.mjs

@@ -0,0 +1,77 @@
+import { ref, isRef, isReactive, watch } from 'vue';
+import { isPlainObject, isArray, isFunction, isPromise, toRawType } from '../components/utils/is.mjs';
+
+const throwError = (data) => {
+  if (!isArray(data)) {
+    console.error("Uncaught TypeError: ", `options expected Array but got ${toRawType(data)}`);
+  }
+};
+const getOptionsByOptionsMap = (options, props) => {
+  const optionsMap = props.optionsMap || {};
+  const valueType = props.valueType;
+  if (valueType === "cascader" || !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 = ref([]);
+  const optionsIsReady = ref(false);
+  if (!props.options) {
+    options.value = [];
+    optionsIsReady.value = true;
+  } else if (isRef(props.options) || isReactive(props.options) || isArray(props.options)) {
+    watch(
+      () => props.options,
+      (val) => {
+        const value = isRef(val) ? val.value : val;
+        options.value = getOptionsByOptionsMap(value, props);
+        optionsIsReady.value = true;
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+  } else if (isFunction(props.options)) {
+    const getValue = props.options;
+    const result = getValue(props);
+    if (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 (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 };
+};
+
+export { getOptionsByOptionsMap, useGetOptions };

package/es/hooks/useLocale.d.ts

@@ -0,0 +1,16 @@
+import { Language } from 'yc-components/es/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/es/hooks/useLocale.mjs

@@ -0,0 +1,31 @@
+import { unref, computed, isRef, ref, inject } from 'vue';
+import { get } from 'lodash-es';
+import { localeContextKey } from 'element-plus';
+import English from '../locale/lang/en.mjs';
+
+const buildTranslator = (locale) => (path, option) => translate(path, option, unref(locale));
+const translate = (path, option, locale) => 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 = computed(() => unref(locale).name);
+  const localeRef = isRef(locale) ? locale : ref(locale);
+  return {
+    lang,
+    locale: localeRef,
+    t: buildTranslator(locale)
+  };
+};
+const useLocale = (localeOverrides) => {
+  const locale = localeOverrides || inject(localeContextKey, ref());
+  return buildLocaleContext(computed(() => {
+    var _a;
+    return ((_a = locale.value) == null ? void 0 : _a.plus) ? locale.value : English;
+  }));
+};
+
+export { buildLocaleContext, buildTranslator, translate, useLocale };