yc-pro-components 0.0.1

package/lib/components/yc-tabs-with-filter/index.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('js-cookie');
+require('dayjs');
+require('numeral');
+require('accounting');
+require('good-storage');
+require('crypto-js');
+require('qs');
+var component = require('../../utils/dist/component.js');
+var index = require('./src/index.vue.js');
+
+const YcTabsWithFilterWithInstall = component.withInstall(index.default);
+
+exports.ReTabsWithFilter = index.default;
+exports.YcTabsWithFilter = index.default;
+exports.default = index.default;
+exports.YcTabsWithFilterWithInstall = YcTabsWithFilterWithInstall;

package/lib/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/lib/components/yc-tabs-with-filter/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var YcTabsWithFilter = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = YcTabsWithFilter;

package/lib/components/yc-tabs-with-filter/src/index.vue2.js

@@ -0,0 +1,136 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var ElementPlusIconsVue = require('@element-plus/icons-vue');
+var useYcConfig = require('../../yc-config-provider/src/useYcConfig.js');
+
+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__ */ vue.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 = useYcConfig.useYcShowPageSearch();
+    const t = useYcConfig.useYcTranslate();
+    const tabsConfig = useYcConfig.useYcComponentConfig("tabsWithFilter");
+    const buttonText = vue.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 = vue.ref(
+      props.filterVisible !== void 0 ? props.filterVisible : props.useGlobalState ? globalShowPageSearch.value : false
+    );
+    vue.watch(globalShowPageSearch, (newValue) => {
+      if (props.useGlobalState && props.filterVisible === void 0) {
+        showPageSearch.value = newValue;
+      }
+    });
+    vue.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 = "";
+      }
+    };
+    vue.onMounted(() => {
+      hideLayActions();
+    });
+    vue.onUnmounted(() => {
+      showLayActions();
+    });
+    return (_ctx, _cache) => {
+      const _component_el_tabs = vue.resolveComponent("el-tabs");
+      const _component_el_button = vue.resolveComponent("el-button");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createCommentVNode(" Tabs \u5934\u90E8\u533A\u57DF "),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(_component_el_tabs, {
+            "model-value": _ctx.modelValue,
+            class: "yc-tabs-with-filter",
+            "onUpdate:modelValue": handleTabChange
+          }, {
+            default: vue.withCtx(() => [
+              vue.createCommentVNode(" \u9ED8\u8BA4\u63D2\u69FD\u7528\u4E8E\u4F20\u5165 el-tab-pane "),
+              vue.renderSlot(_ctx.$slots, "default", { filterVisible: showPageSearch.value })
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["model-value"]),
+          vue.createCommentVNode(" \u53F3\u4FA7\u7B5B\u9009\u6309\u94AE "),
+          _ctx.showFilter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            vue.createVNode(_component_el_button, {
+              size: "small",
+              icon: vue.unref(ElementPlusIconsVue.Filter),
+              class: vue.normalizeClass(["yc-filter-button", { "yc-filter-button--active": showPageSearch.value }]),
+              onClick: handleFilterToggle
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(
+                  vue.toDisplayString(buttonText.value),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["icon", "class"])
+          ])) : vue.createCommentVNode("v-if", true)
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/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/lib/components/yc-text/index.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('js-cookie');
+require('dayjs');
+require('numeral');
+require('accounting');
+require('good-storage');
+require('crypto-js');
+require('qs');
+var component = require('../../utils/dist/component.js');
+var index = require('./src/index.vue.js');
+
+const YcTextWithInstall = component.withInstall(index.default);
+
+exports.ReText = index.default;
+exports.YcText = index.default;
+exports.default = index.default;
+exports.YcTextWithInstall = YcTextWithInstall;

package/lib/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/lib/components/yc-text/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var YcText = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = YcText;

package/lib/components/yc-text/src/index.vue2.js

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "YcText"
+  },
+  __name: "index",
+  props: {
+    /** 行数限制 */
+    lineClamp: {
+      type: [String, Number]
+    },
+    /** Tippy 配置 */
+    tippyProps: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    vue.useSlots();
+    const textRef = vue.ref();
+    const showTooltip = vue.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 = vue.resolveComponent("el-text");
+      const _component_el_tooltip = vue.resolveComponent("el-tooltip");
+      return vue.openBlock(), vue.createBlock(_component_el_tooltip, vue.mergeProps({
+        disabled: !showTooltip.value,
+        content: __props.tippyProps.content
+      }, __props.tippyProps), {
+        content: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "content", {}, () => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(
+            _component_el_text,
+            vue.mergeProps({
+              truncated: !__props.lineClamp,
+              lineClamp: __props.lineClamp,
+              ..._ctx.$attrs
+            }, {
+              ref_key: "textRef",
+              ref: textRef,
+              onMouseover: vue.withModifiers(handleHover, ["self"])
+            }),
+            {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+              /* FORWARDED */
+            },
+            16
+            /* FULL_PROPS */
+          )
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["disabled", "content"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

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

package/lib/constants/display-item.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const selectValueTypeList = [
+  "select",
+  "radio",
+  "checkbox",
+  "select-v2",
+  "plus-radio"
+];
+
+exports.selectValueTypeList = selectValueTypeList;

package/lib/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/lib/constants/form.js

@@ -0,0 +1,23 @@
+'use strict';
+
+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"
+];
+
+exports.DatePickerValueIsArrayList = DatePickerValueIsArrayList;
+exports.TableFormFieldRefInjectionKey = TableFormFieldRefInjectionKey;
+exports.TableFormRefInjectionKey = TableFormRefInjectionKey;
+exports.TableFormRowInfoInjectionKey = TableFormRowInfoInjectionKey;
+exports.ValueIsArrayList = ValueIsArrayList;
+exports.ValueIsBooleanList = ValueIsBooleanList;
+exports.ValueIsNumberList = ValueIsNumberList;

package/lib/constants/index.d.ts

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

package/lib/constants/index.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var page = require('./page.js');
+var form = require('./form.js');
+var displayItem = require('./display-item.js');
+
+
+
+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;

package/lib/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/lib/constants/page.js

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

package/lib/defaults.d.ts

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

package/lib/defaults.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var makeInstaller = require('./make-installer.js');
+var component = require('./component.js');
+
+var installer = makeInstaller.makeInstaller([...component.default]);
+
+exports.default = installer;

package/lib/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/lib/hooks/index.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var useGetOptions = require('./useGetOptions.js');
+var useLocale = require('./useLocale.js');
+var useTable = require('./useTable.js');
+var useSelectWithMapping = require('./useSelectWithMapping.js');
+var usePlusProConfig = require('./usePlusProConfig.js');
+var useSortableDrag = require('./useSortableDrag.js');
+var usePlusFormReset = require('./usePlusFormReset.js');
+var useSelectWithPagination = require('./useSelectWithPagination.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;
+exports.useSelectWithMapping = useSelectWithMapping.useSelectWithMapping;
+exports.providePlusProConfig = usePlusProConfig.providePlusProConfig;
+exports.useDialogFormConfig = usePlusProConfig.useDialogFormConfig;
+exports.useDrawerFormConfig = usePlusProConfig.useDrawerFormConfig;
+exports.usePlusProConfig = usePlusProConfig.usePlusProConfig;
+exports.useSortableDrag = useSortableDrag.useSortableDrag;
+exports.usePlusFormClearValidate = usePlusFormReset.usePlusFormClearValidate;
+exports.usePlusFormFullReset = usePlusFormReset.usePlusFormFullReset;
+exports.usePlusFormReset = usePlusFormReset.usePlusFormReset;
+exports.useSelectWithPagination = useSelectWithPagination.useSelectWithPagination;

package/lib/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>;
+};