yc-pro-components 0.0.48 → 0.0.50

package/es/components/yc-config-provider/src/type.d.ts

@@ -60,6 +60,8 @@ export interface YcGlobalConfig {
             showSearch?: boolean;
             /** 字段管理图标 URL */
             fieldSettingIcon?: string;
+            /** 工具栏「字段管理」/列设置旁文案，默认「字段管理」 */
+            columnSettingsText?: string;
         };
         /** YcTabsWithFilter 默认配置 */
         tabsWithFilter?: {

package/es/components/yc-config-provider/src/type.mjs

@@ -12,7 +12,8 @@ const DEFAULT_YC_CONFIG = {
   t: (key) => key,
   components: {
     plusPage: {
-      showSearch: true
+      showSearch: true,
+      columnSettingsText: "\u5B57\u6BB5\u7BA1\u7406"
     },
     tabsWithFilter: {
       filterText: "\u7B5B\u9009"

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-e0442d8a"], ["__file", "header-filter-cell.vue"]]);
+var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3330af37"], ["__file", "header-filter-cell.vue"]]);
 
 export { YcTableHeaderFilterCellComponent as default };

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

@@ -1,6 +1,6 @@
-import { defineComponent, computed, reactive, ref, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, withModifiers, createCommentVNode, createElementVNode, normalizeClass, createBlock, resolveDynamicComponent, Fragment, unref, withCtx, toDisplayString, createTextVNode, mergeProps, createVNode, renderList, normalizeStyle, h } from 'vue';
+import { defineComponent, computed, reactive, ref, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, withModifiers, createCommentVNode, createElementVNode, normalizeClass, createBlock, resolveDynamicComponent, Fragment, unref, withCtx, toDisplayString, createTextVNode, mergeProps, createVNode, normalizeStyle, renderList, h } from 'vue';
 import { ElTooltip, ElIcon, ElPopover, ElButton, ElTimePicker, ElTimeSelect, ElDatePicker, ElInput } from 'element-plus';
-import { QuestionFilled } from '@element-plus/icons-vue';
+import { QuestionFilled, CaretTop, CaretBottom } from '@element-plus/icons-vue';
 import { NO_VALUE_OPERATORS } from './constants.mjs';
 import { getTooltip } from '../../utils/index.mjs';
 import YcSvgIcon from '../../yc-svg-icon/src/index.vue.mjs';
@@ -50,7 +50,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const { getCdnUrl } = useYcCdnUrl();
     const filterIconUrl = computed(() => getCdnUrl("images", "table_filter_icon.svg"));
-    const sortIconUrl = computed(() => getCdnUrl("images", "table_sort_icon.svg"));
     const state = reactive({
       selectedOp: "=",
       inputVal: ""
@@ -194,6 +193,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         modelValue: state.inputVal,
         "onUpdate:modelValue": (v) => state.inputVal = v,
         placeholder: "",
+        maxlength: 50,
         style: "margin-top: 4px; width: 100%"
       });
     };
@@ -221,7 +221,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode(
             "span",
             {
-              class: normalizeClass(["yc-header-filter-cell__label", { "yc-header-filter-cell__label--ellipsis": shouldShowEllipsis.value }]),
+              class: normalizeClass(["yc-header-filter-cell__label", {
+                "yc-header-filter-cell__label--ellipsis": shouldShowEllipsis.value,
+                "yc-header-filter-cell__label--active": isAscActive.value || isDescActive.value || isActive.value
+              }]),
               style: {
                 userSelect: "none",
                 cursor: "pointer"
@@ -320,19 +323,35 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             class: "yc-header-filter-cell__sort",
             style: {
               display: "inline-flex",
+              flexDirection: "column",
               alignItems: "center",
-              cursor: "pointer"
+              cursor: "pointer",
+              lineHeight: 1
             },
             onClick: withModifiers(cycleSort, ["stop"])
           }, [
-            createVNode(unref(YcSvgIcon), {
-              src: sortIconUrl.value,
-              size: 14,
-              class: normalizeClass({
-                "yc-header-filter-cell__sort-icon--asc": isAscActive.value,
-                "yc-header-filter-cell__sort-icon--desc": isDescActive.value
-              })
-            }, null, 8, ["src", "class"])
+            createCommentVNode(" \u5347\u5E8F\u7BAD\u5934\uFF1A\u6FC0\u6D3B\u65F6\u9AD8\u4EAE "),
+            createVNode(unref(ElIcon), {
+              size: 10,
+              style: normalizeStyle({ color: isAscActive.value ? "var(--el-color-primary)" : "var(--el-text-color-placeholder)", marginBottom: "-4px" })
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(CaretTop))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["style"]),
+            createCommentVNode(" \u964D\u5E8F\u7BAD\u5934\uFF1A\u6FC0\u6D3B\u65F6\u9AD8\u4EAE "),
+            createVNode(unref(ElIcon), {
+              size: 10,
+              style: normalizeStyle({ color: isDescActive.value ? "var(--el-color-primary)" : "var(--el-text-color-placeholder)" })
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(CaretBottom))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["style"])
           ]),
           createCommentVNode(" \u7B5B\u9009\u56FE\u6807\u548C\u5F39\u7A97 "),
           !_ctx.disableFilter ? (openBlock(), createBlock(unref(ElPopover), {
@@ -350,8 +369,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 createVNode(unref(YcSvgIcon), {
                   src: filterIconUrl.value,
                   size: 14,
+                  color: isActive.value ? "var(--el-color-primary)" : "currentColor",
                   class: normalizeClass({ "yc-header-filter-cell__filter-icon--active": isActive.value })
-                }, null, 8, ["src", "class"])
+                }, null, 8, ["src", "color", "class"])
               ])
             ]),
             default: withCtx(() => [