yc-pro-components 0.0.63 → 0.0.65

package/lib/components/yc-form-container-header/index.d.ts

@@ -5,12 +5,12 @@ import { default as YcFormContainerHeaderComponent } from './src/index.vue';
 export * from './src/type';
 export type YcFormContainerHeaderInstance = InstanceType<typeof YcFormContainerHeaderComponent>;
 export declare const YcFormContainerHeader: DefineComponent<{
-    title: {
+    class: {
         type: PropType<string>;
-        required: true;
     };
-    class: {
+    title: {
         type: PropType<string>;
+        required: true;
     };
     titleColor: {
         type: PropType<string>;
@@ -21,12 +21,12 @@ export declare const YcFormContainerHeader: DefineComponent<{
         default: undefined;
     };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
-    title: {
+    class: {
         type: PropType<string>;
-        required: true;
     };
-    class: {
+    title: {
         type: PropType<string>;
+        required: true;
     };
     titleColor: {
         type: PropType<string>;
@@ -41,12 +41,12 @@ export declare const YcFormContainerHeader: DefineComponent<{
     gradientColors: GradientColors;
 }, {}>;
 export declare const ReFormContainerHeader: DefineComponent<{
-    title: {
+    class: {
         type: PropType<string>;
-        required: true;
     };
-    class: {
+    title: {
         type: PropType<string>;
+        required: true;
     };
     titleColor: {
         type: PropType<string>;
@@ -57,12 +57,12 @@ export declare const ReFormContainerHeader: DefineComponent<{
         default: undefined;
     };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
-    title: {
+    class: {
         type: PropType<string>;
-        required: true;
     };
-    class: {
+    title: {
         type: PropType<string>;
+        required: true;
     };
     titleColor: {
         type: PropType<string>;

package/lib/components/yc-more-actions/index.d.ts

@@ -5,22 +5,22 @@ import { default as YcMoreActionsComponent } from './src/index.vue';
 export * from './src/type';
 export type YcMoreActionsInstance = InstanceType<typeof YcMoreActionsComponent>;
 export declare const YcMoreActions: DefineComponent<{
-    placement: {
-        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
-        default: string;
-    };
-    trigger: {
-        type: PropType<"hover" | "click" | "contextmenu">;
-        default: string;
-    };
-    disabled: {
+    showArrow: {
         type: PropType<boolean>;
         default: boolean;
     };
-    showArrow: {
+    disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
+    trigger: {
+        type: PropType<"click" | "hover" | "contextmenu">;
+        default: string;
+    };
+    placement: {
+        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+        default: string;
+    };
     context: {
         type: PropType<object | Record<string, unknown> | null>;
     };
@@ -54,22 +54,22 @@ export declare const YcMoreActions: DefineComponent<{
     "visible-change": (visible: boolean) => void;
     "action-click": (key: string, context?: unknown) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<{
-    placement: {
-        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
-        default: string;
-    };
-    trigger: {
-        type: PropType<"hover" | "click" | "contextmenu">;
-        default: string;
-    };
-    disabled: {
+    showArrow: {
         type: PropType<boolean>;
         default: boolean;
     };
-    showArrow: {
+    disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
+    trigger: {
+        type: PropType<"click" | "hover" | "contextmenu">;
+        default: string;
+    };
+    placement: {
+        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+        default: string;
+    };
     context: {
         type: PropType<object | Record<string, unknown> | null>;
     };
@@ -103,10 +103,10 @@ export declare const YcMoreActions: DefineComponent<{
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
     "onAction-click"?: ((key: string, context?: unknown) => any) | undefined;
 }, {
-    placement: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
-    trigger: "hover" | "click" | "contextmenu";
-    disabled: boolean;
     showArrow: boolean;
+    disabled: boolean;
+    trigger: "click" | "hover" | "contextmenu";
+    placement: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
     stopPropagation: boolean;
     actions: MoreActionItem[];
     triggerButton: TriggerButtonProps;
@@ -114,22 +114,22 @@ export declare const YcMoreActions: DefineComponent<{
     dropdownStyle: Record<string, string | number>;
 }, {}>;
 export declare const ReMoreActions: DefineComponent<{
-    placement: {
-        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
-        default: string;
-    };
-    trigger: {
-        type: PropType<"hover" | "click" | "contextmenu">;
-        default: string;
-    };
-    disabled: {
+    showArrow: {
         type: PropType<boolean>;
         default: boolean;
     };
-    showArrow: {
+    disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
+    trigger: {
+        type: PropType<"click" | "hover" | "contextmenu">;
+        default: string;
+    };
+    placement: {
+        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+        default: string;
+    };
     context: {
         type: PropType<object | Record<string, unknown> | null>;
     };
@@ -163,22 +163,22 @@ export declare const ReMoreActions: DefineComponent<{
     "visible-change": (visible: boolean) => void;
     "action-click": (key: string, context?: unknown) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<{
-    placement: {
-        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
-        default: string;
-    };
-    trigger: {
-        type: PropType<"hover" | "click" | "contextmenu">;
-        default: string;
-    };
-    disabled: {
+    showArrow: {
         type: PropType<boolean>;
         default: boolean;
     };
-    showArrow: {
+    disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
+    trigger: {
+        type: PropType<"click" | "hover" | "contextmenu">;
+        default: string;
+    };
+    placement: {
+        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+        default: string;
+    };
     context: {
         type: PropType<object | Record<string, unknown> | null>;
     };
@@ -212,10 +212,10 @@ export declare const ReMoreActions: DefineComponent<{
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
     "onAction-click"?: ((key: string, context?: unknown) => any) | undefined;
 }, {
-    placement: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
-    trigger: "hover" | "click" | "contextmenu";
-    disabled: boolean;
     showArrow: boolean;
+    disabled: boolean;
+    trigger: "click" | "hover" | "contextmenu";
+    placement: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
     stopPropagation: boolean;
     actions: MoreActionItem[];
     triggerButton: TriggerButtonProps;

package/lib/components/yc-more-actions/src/index.vue.d.ts

@@ -38,10 +38,10 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
     "onAction-click"?: ((key: string, context?: unknown) => any) | undefined;
 }, {
-    placement: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
-    trigger: "hover" | "click" | "contextmenu";
-    disabled: boolean;
     showArrow: boolean;
+    disabled: boolean;
+    trigger: "click" | "hover" | "contextmenu";
+    placement: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
     stopPropagation: boolean;
     actions: MoreActionItem[];
     triggerButton: TriggerButtonProps;

package/lib/components/yc-plus-page/src/filter-strategies.js

@@ -66,7 +66,11 @@ const FILTER_COMPONENT_STRATEGIES = {
   },
   checkbox: {
     render: ({ fp, inputVal, setInputVal, options }) => {
-      const parsedValue = filterUtils.parseTypedValue(inputVal, true) || [];
+      const rawSegments = inputVal ? inputVal.split(",").filter(Boolean) : [];
+      const parsedValue = rawSegments.map((seg) => {
+        const matched = options.find((o) => String(o.value) === seg);
+        return matched !== void 0 ? matched.value : seg;
+      });
       const allVals = options.map((o) => o.value);
       const selectedSet = new Set(parsedValue);
       const checkAll = options.length > 0 && parsedValue.length === options.length;

package/lib/components/yc-plus-page/src/header-filter-cell.vue.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var headerFilterCell_vue_vue_type_script_setup_true_lang = require('./header-filter-cell.vue2.js');
 var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(headerFilterCell_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-218b6c5c"], ["__file", "header-filter-cell.vue"]]);
+var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(headerFilterCell_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-9f4816b5"], ["__file", "header-filter-cell.vue"]]);
 
 exports.default = YcTableHeaderFilterCellComponent;

package/lib/components/yc-plus-page/src/header-filter-cell.vue2.js

@@ -26,18 +26,11 @@ const _hoisted_3 = {
   }
 };
 const _hoisted_4 = {
-  class: "yc-header-filter-cell__actions",
-  style: {
-    display: "flex",
-    justifyContent: "flex-end"
-  }
-};
-const _hoisted_5 = {
   key: 0,
   class: "yc-header-filter-cell__operators"
 };
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = { key: 0 };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { key: 0 };
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "YcTableHeaderFilterCell"
@@ -133,29 +126,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const handleSelect = (op) => {
       state.selectedOp = op.code;
     };
-    const handleReset = () => {
-      state.inputVal = "";
-      const payload = { column: props.column, op: state.selectedOp };
-      const customConfig = getHeaderFilterObject();
-      if (customConfig.onReset) {
-        customConfig.onReset(payload);
-      }
-      emit("reset", payload);
-      popVisible.value = false;
-    };
-    const handleConfirm = () => {
-      const payload = {
-        column: props.column,
-        op: state.selectedOp,
-        value: state.inputVal
-      };
-      const customConfig = getHeaderFilterObject();
-      if (customConfig.onConfirm) {
-        customConfig.onConfirm(payload);
-      }
-      emit("confirm", payload);
-      popVisible.value = false;
-    };
     const cycleSort = () => {
       const field = fieldRef.value;
       if (!field) return;
@@ -221,19 +191,31 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return false;
     });
     const popoverWidth = vue.computed(() => hideOperatorList.value ? 320 : 220);
-    vue.watch(popVisible, (visible) => {
+    vue.watch(popVisible, (visible, prevVisible) => {
       var _a, _b;
-      if (!visible) return;
-      const t = resolvedInteractionType.value;
-      const customConfig = getHeaderFilterObject();
-      const fp = {
-        ...fieldPropsForFilter.value,
-        ...customConfig.props || {}
-      };
-      if (t === "date-picker" && filterUtils.isRangeType(fp.type)) {
-        if (state.selectedOp !== "between") state.selectedOp = "between";
-      } else if (t === "checkbox" || t === "select" && ((_a = customConfig.props) == null ? void 0 : _a.multiple) || t === "tree-select" && ((_b = customConfig.props) == null ? void 0 : _b.multiple)) {
-        if (state.selectedOp !== "in") state.selectedOp = "in";
+      if (visible) {
+        const t = resolvedInteractionType.value;
+        const customConfig = getHeaderFilterObject();
+        const fp = {
+          ...fieldPropsForFilter.value,
+          ...customConfig.props || {}
+        };
+        if (t === "date-picker" && filterUtils.isRangeType(fp.type)) {
+          if (state.selectedOp !== "between") state.selectedOp = "between";
+        } else if (t === "checkbox" || t === "select" && ((_a = customConfig.props) == null ? void 0 : _a.multiple) || t === "tree-select" && ((_b = customConfig.props) == null ? void 0 : _b.multiple)) {
+          if (state.selectedOp !== "in") state.selectedOp = "in";
+        }
+      } else if (prevVisible) {
+        const payload = {
+          column: props.column,
+          op: state.selectedOp,
+          value: state.inputVal
+        };
+        const customConfig = getHeaderFilterObject();
+        if (customConfig.onConfirm) {
+          customConfig.onConfirm(payload);
+        }
+        emit("confirm", payload);
       }
     });
     const renderValueField = () => {
@@ -452,28 +434,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ]),
             default: vue.withCtx(() => [
               vue.createElementVNode("div", _hoisted_3, [
-                vue.createCommentVNode(" \u64CD\u4F5C\u6309\u94AE\uFF08\u7F6E\u9876\u53F3\u4FA7\uFF0C\u907F\u514D\u4E0B\u62C9\u9009\u62E9\u5668\u906E\u6321\uFF09 "),
-                vue.createElementVNode("div", _hoisted_4, [
-                  vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleReset }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode("\u91CD\u7F6E")
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }),
-                  vue.createVNode(vue.unref(elementPlus.ElButton), {
-                    type: "primary",
-                    onClick: handleConfirm
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode("\u786E\u5B9A")
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })
-                ]),
                 vue.createCommentVNode(" \u64CD\u4F5C\u7B26\u5217\u8868\uFF08\u591A\u9009/\u65E5\u671F\u533A\u95F4\u7B49\u7531 hideOperatorList \u9690\u85CF\uFF0C\u9ED8\u8BA4 in / between\uFF09 "),
-                !hideOperatorList.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                !hideOperatorList.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
                   (vue.openBlock(true), vue.createElementBlock(
                     vue.Fragment,
                     null,
@@ -500,8 +462,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           1
                           /* TEXT */
                         ),
-                        state.selectedOp === op.code ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, "\u2713")) : vue.createCommentVNode("v-if", true)
-                      ], 12, _hoisted_6);
+                        state.selectedOp === op.code ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, "\u2713")) : vue.createCommentVNode("v-if", true)
+                      ], 12, _hoisted_5);
                     }),
                     128
                     /* KEYED_FRAGMENT */