yc-pro-components 0.0.64 → 0.0.65

package/es/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/es/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/es/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/es/components/yc-plus-page/src/header-filter-cell.vue.mjs

@@ -1,6 +1,6 @@
 import _sfc_main from './header-filter-cell.vue2.mjs';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-218b6c5c"], ["__file", "header-filter-cell.vue"]]);
+var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9f4816b5"], ["__file", "header-filter-cell.vue"]]);
 
 export { YcTableHeaderFilterCellComponent as default };

package/es/components/yc-plus-page/src/header-filter-cell.vue2.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, computed, reactive, ref, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, withModifiers, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, createBlock, resolveDynamicComponent, Fragment, unref, withCtx, toDisplayString, createTextVNode, mergeProps, createVNode, renderList, h } from 'vue';
-import { ElTooltip, ElIcon, ElPopover, ElButton, ElInput } from 'element-plus';
+import { ElTooltip, ElIcon, ElPopover, ElInput } from 'element-plus';
 import { QuestionFilled, CaretTop, CaretBottom } from '@element-plus/icons-vue';
 import { NO_VALUE_OPERATORS } from './constants.mjs';
 import { getTooltip } from '../../utils/index.mjs';
@@ -22,18 +22,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__ */ defineComponent({
   ...{
     name: "YcTableHeaderFilterCell"
@@ -129,29 +122,6 @@ var _sfc_main = /* @__PURE__ */ 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;
@@ -217,19 +187,31 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return false;
     });
     const popoverWidth = computed(() => hideOperatorList.value ? 320 : 220);
-    watch(popVisible, (visible) => {
+    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" && 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" && 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 = () => {
@@ -448,28 +430,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             default: withCtx(() => [
               createElementVNode("div", _hoisted_3, [
-                createCommentVNode(" \u64CD\u4F5C\u6309\u94AE\uFF08\u7F6E\u9876\u53F3\u4FA7\uFF0C\u907F\u514D\u4E0B\u62C9\u9009\u62E9\u5668\u906E\u6321\uFF09 "),
-                createElementVNode("div", _hoisted_4, [
-                  createVNode(unref(ElButton), { onClick: handleReset }, {
-                    default: withCtx(() => [
-                      createTextVNode("\u91CD\u7F6E")
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }),
-                  createVNode(unref(ElButton), {
-                    type: "primary",
-                    onClick: handleConfirm
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode("\u786E\u5B9A")
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })
-                ]),
                 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 ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                !hideOperatorList.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
                   (openBlock(true), createElementBlock(
                     Fragment,
                     null,
@@ -496,8 +458,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           1
                           /* TEXT */
                         ),
-                        state.selectedOp === op.code ? (openBlock(), createElementBlock("span", _hoisted_7, "\u2713")) : createCommentVNode("v-if", true)
-                      ], 12, _hoisted_6);
+                        state.selectedOp === op.code ? (openBlock(), createElementBlock("span", _hoisted_6, "\u2713")) : createCommentVNode("v-if", true)
+                      ], 12, _hoisted_5);
                     }),
                     128
                     /* KEYED_FRAGMENT */