pro-design-vue 0.0.1-beta.1

package/lib/components/table/src/components/Header/Sorter.vue.js

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Sorter_vue_vue_type_script_lang = require('./Sorter.vue2.js');
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_HeaderCellTitle = vue.resolveComponent("HeaderCellTitle");
+  const _component_CaretUpOutlined = vue.resolveComponent("CaretUpOutlined");
+  const _component_CaretDownOutlined = vue.resolveComponent("CaretDownOutlined");
+  return vue.openBlock(), vue.createElementBlock(
+    "div",
+    {
+      class: vue.normalizeClass({
+        [`${_ctx.prefixCls}-header-cell-title`]: true,
+        [`${_ctx.prefixCls}-header-cell-filter-title`]: _ctx.showFilter
+      })
+    },
+    [
+      vue.createVNode(_component_HeaderCellTitle, {
+        column: _ctx.column,
+        "wrap-text": _ctx.wrapText,
+        "prefix-cls": _ctx.prefixCls
+      }, null, 8, ["column", "wrap-text", "prefix-cls"]),
+      _ctx.column.sorter ? (vue.openBlock(), vue.createElementBlock(
+        "span",
+        {
+          key: 0,
+          class: vue.normalizeClass(_ctx.className)
+        },
+        [
+          vue.createElementVNode(
+            "span",
+            {
+              class: vue.normalizeClass(`${_ctx.prefixCls}-column-sorter-inner`)
+            },
+            [
+              _ctx.showUpNode ? (vue.openBlock(), vue.createBlock(_component_CaretUpOutlined, {
+                key: 0,
+                class: vue.normalizeClass(_ctx.upClass)
+              }, null, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+              _ctx.showDownNode ? (vue.openBlock(), vue.createBlock(_component_CaretDownOutlined, {
+                key: 1,
+                class: vue.normalizeClass(_ctx.downClass)
+              }, null, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      )) : vue.createCommentVNode("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
+}
+var Sorter = /* @__PURE__ */ _pluginVue_exportHelper.default(Sorter_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+
+exports.default = Sorter;
+//# sourceMappingURL=Sorter.vue.js.map

package/lib/components/table/src/components/Header/Sorter.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sorter.vue.js","sources":["../../../../../../../../packages/components/table/src/components/Header/Sorter.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-07 21:51:35\n * @LastEditors: shen\n * @LastEditTime: 2025-07-30 10:52:47\n * @Description:\n-->\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { CaretDownOutlined, CaretUpOutlined } from '@ant-design/icons-vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { ASCEND, DESCEND } from '../../hooks/useSorter'\nimport HeaderCellTitle from './HeaderCellTitle.vue'\n\nimport type { PropType } from 'vue'\nimport type { FinallyColumnType, SortOrder } from '../interface'\nimport type { SortState } from '../../hooks/useSorter'\n\nexport default defineComponent({\n  name: 'TableHeaderSorter',\n  components: {\n    CaretDownOutlined,\n    CaretUpOutlined,\n    HeaderCellTitle,\n  },\n  inheritAttrs: false,\n  props: {\n    column: { type: Object as PropType<FinallyColumnType>, default: () => ({}) },\n    columnKey: { type: [Number, String] },\n    sorterState: Object as PropType<SortState<any>>,\n    sorterOrder: [String, Boolean] as PropType<SortOrder>,\n    sortDirections: Array as PropType<SortOrder[]>,\n    nextSortOrder: String as PropType<SortOrder>,\n    wrapText: Boolean as PropType<boolean>,\n    showFilter: Boolean as PropType<boolean>,\n  },\n  setup(props) {\n    const tableContext = useInjectTable()\n\n    const showUpNode = computed(() => props.sortDirections?.includes(ASCEND))\n    const showDownNode = computed(() => props.sortDirections?.includes(DESCEND))\n    const prefixCls = computed(() => tableContext.props.prefixCls)\n\n    const className = computed(() => ({\n      [`${prefixCls.value}-column-sorter`]: true,\n      [`${prefixCls.value}-column-sorter-full`]: showUpNode.value && showDownNode.value,\n    }))\n    const upClass = computed(() => ({\n      [`${prefixCls.value}-column-sorter-up`]: true,\n      active: props.sorterOrder === ASCEND,\n    }))\n    const downClass = computed(() => ({\n      [`${prefixCls.value}-column-sorter-down`]: true,\n      active: props.sorterOrder === DESCEND,\n    }))\n\n    return {\n      showUpNode,\n      showDownNode,\n      className,\n      prefixCls,\n      upClass,\n      downClass,\n      tableContext,\n    }\n  },\n})\n</script>\n\n<template>\n  <div\n    :class=\"{\n      [`${prefixCls}-header-cell-title`]: true,\n      [`${prefixCls}-header-cell-filter-title`]: showFilter,\n    }\"\n  >\n    <HeaderCellTitle :column=\"column\" :wrap-text=\"wrapText\" :prefix-cls=\"prefixCls\" />\n    <span v-if=\"column.sorter\" :class=\"className\">\n      <span :class=\"`${prefixCls}-column-sorter-inner`\">\n        <CaretUpOutlined v-if=\"showUpNode\" :class=\"upClass\" />\n        <CaretDownOutlined v-if=\"showDownNode\" :class=\"downClass\" />\n      </span>\n    </span>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_createVNode","_createElementVNode","_createBlock","_createCommentVNode"],"mappings":";;;;;;;;;;;;AAsEE,EAAA,OAAAA,eAAA,EAAAC,sBAAA;AAAA,IAaM,KAAA;AAAA,IAAA;AAAA,MAZH,OAAKC,kBAAA,CAAA;AAAA,QAAA,CAAA,CAAA,EAAc,IAAA,CAAA,SAAS,oBAAA,GAAA,IAAA;AAAA,QAAA,CAAA,CAAA,EAAuC,IAAA,UAAS,CAAA,yBAAA,CAAA,GAA8B,IAAA,CAAA;AAAA,OAAA;AAAA;;MAK3GC,gBAAkF,0BAAA,EAAA;AAAA,QAAhE,QAAQ,IAAA,CAAA,MAAA;AAAA,QAAS,aAAW,IAAA,CAAA,QAAA;AAAA,QAAW,cAAY,IAAA,CAAA;AAAA,SAAA,IAAA,EAAA,CAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,YAAA,CAAA,CAAA;AAAA,MACzD,IAAA,CAAA,MAAA,CAAO,MAAA,IAAAH,aAAA,EAAA,EAAnBC,sBAAA;AAAA,QAKO,MAAA;AAAA,QAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAAA,UALqB,KAAA,EAAKC,kBAAA,CAAE,IAAA,CAAA,SAAS;AAAA,SAAA;AAAA;UAC1CE,sBAAA;AAAA,YAGO,MAAA;AAAA,YAAA;AAAA,cAHA,KAAA,EAAKF,kBAAA,IAAK,IAAA,CAAA,SAAS,CAAA,oBAAA,CAAA;AAAA,aAAA;AAAA;cACD,IAAA,CAAA,UAAA,IAAAF,aAAA,EAAA,EAAvBK,gBAAsD,0BAAA,EAAA;AAAA,gBAAA,GAAA,EAAA,CAAA;AAAA,gBAAlB,KAAA,EAAKH,kBAAA,CAAE,IAAA,CAAA,OAAO;AAAA,eAAA,EAAA,MAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAAI,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,cACzB,IAAA,CAAA,YAAA,IAAAN,aAAA,EAAA,EAAzBK,gBAA4D,4BAAA,EAAA;AAAA,gBAAA,GAAA,EAAA,CAAA;AAAA,gBAApB,KAAA,EAAKH,kBAAA,CAAE,IAAA,CAAA,SAAS;AAAA,eAAA,EAAA,MAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAAI,sBAAA,CAAA,MAAA,EAAA,IAAA;AAAA;;;;;;;;;;;;;;;;;"}

package/lib/components/table/src/components/Header/Sorter.vue2.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var Icon = require('@ant-design/icons-vue');
+var TableContext = require('../context/TableContext.js');
+var useSorter = require('../../hooks/useSorter.js');
+var HeaderCellTitle = require('./HeaderCellTitle.vue.js');
+
+var _sfc_main = vue.defineComponent({
+  name: "TableHeaderSorter",
+  components: {
+    CaretDownOutlined: Icon.CaretDownOutlined,
+    CaretUpOutlined: Icon.CaretUpOutlined,
+    HeaderCellTitle: HeaderCellTitle.default
+  },
+  inheritAttrs: false,
+  props: {
+    column: { type: Object, default: () => ({}) },
+    columnKey: { type: [Number, String] },
+    sorterState: Object,
+    sorterOrder: [String, Boolean],
+    sortDirections: Array,
+    nextSortOrder: String,
+    wrapText: Boolean,
+    showFilter: Boolean
+  },
+  setup(props) {
+    const tableContext = TableContext.useInjectTable();
+    const showUpNode = vue.computed(() => {
+      var _a;
+      return (_a = props.sortDirections) == null ? void 0 : _a.includes(useSorter.ASCEND);
+    });
+    const showDownNode = vue.computed(() => {
+      var _a;
+      return (_a = props.sortDirections) == null ? void 0 : _a.includes(useSorter.DESCEND);
+    });
+    const prefixCls = vue.computed(() => tableContext.props.prefixCls);
+    const className = vue.computed(() => ({
+      [`${prefixCls.value}-column-sorter`]: true,
+      [`${prefixCls.value}-column-sorter-full`]: showUpNode.value && showDownNode.value
+    }));
+    const upClass = vue.computed(() => ({
+      [`${prefixCls.value}-column-sorter-up`]: true,
+      active: props.sorterOrder === useSorter.ASCEND
+    }));
+    const downClass = vue.computed(() => ({
+      [`${prefixCls.value}-column-sorter-down`]: true,
+      active: props.sorterOrder === useSorter.DESCEND
+    }));
+    return {
+      showUpNode,
+      showDownNode,
+      className,
+      prefixCls,
+      upClass,
+      downClass,
+      tableContext
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=Sorter.vue2.js.map

package/lib/components/table/src/components/Header/Sorter.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sorter.vue2.js","sources":["../../../../../../../../packages/components/table/src/components/Header/Sorter.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-07 21:51:35\n * @LastEditors: shen\n * @LastEditTime: 2025-07-30 10:52:47\n * @Description:\n-->\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { CaretDownOutlined, CaretUpOutlined } from '@ant-design/icons-vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { ASCEND, DESCEND } from '../../hooks/useSorter'\nimport HeaderCellTitle from './HeaderCellTitle.vue'\n\nimport type { PropType } from 'vue'\nimport type { FinallyColumnType, SortOrder } from '../interface'\nimport type { SortState } from '../../hooks/useSorter'\n\nexport default defineComponent({\n  name: 'TableHeaderSorter',\n  components: {\n    CaretDownOutlined,\n    CaretUpOutlined,\n    HeaderCellTitle,\n  },\n  inheritAttrs: false,\n  props: {\n    column: { type: Object as PropType<FinallyColumnType>, default: () => ({}) },\n    columnKey: { type: [Number, String] },\n    sorterState: Object as PropType<SortState<any>>,\n    sorterOrder: [String, Boolean] as PropType<SortOrder>,\n    sortDirections: Array as PropType<SortOrder[]>,\n    nextSortOrder: String as PropType<SortOrder>,\n    wrapText: Boolean as PropType<boolean>,\n    showFilter: Boolean as PropType<boolean>,\n  },\n  setup(props) {\n    const tableContext = useInjectTable()\n\n    const showUpNode = computed(() => props.sortDirections?.includes(ASCEND))\n    const showDownNode = computed(() => props.sortDirections?.includes(DESCEND))\n    const prefixCls = computed(() => tableContext.props.prefixCls)\n\n    const className = computed(() => ({\n      [`${prefixCls.value}-column-sorter`]: true,\n      [`${prefixCls.value}-column-sorter-full`]: showUpNode.value && showDownNode.value,\n    }))\n    const upClass = computed(() => ({\n      [`${prefixCls.value}-column-sorter-up`]: true,\n      active: props.sorterOrder === ASCEND,\n    }))\n    const downClass = computed(() => ({\n      [`${prefixCls.value}-column-sorter-down`]: true,\n      active: props.sorterOrder === DESCEND,\n    }))\n\n    return {\n      showUpNode,\n      showDownNode,\n      className,\n      prefixCls,\n      upClass,\n      downClass,\n      tableContext,\n    }\n  },\n})\n</script>\n\n<template>\n  <div\n    :class=\"{\n      [`${prefixCls}-header-cell-title`]: true,\n      [`${prefixCls}-header-cell-filter-title`]: showFilter,\n    }\"\n  >\n    <HeaderCellTitle :column=\"column\" :wrap-text=\"wrapText\" :prefix-cls=\"prefixCls\" />\n    <span v-if=\"column.sorter\" :class=\"className\">\n      <span :class=\"`${prefixCls}-column-sorter-inner`\">\n        <CaretUpOutlined v-if=\"showUpNode\" :class=\"upClass\" />\n        <CaretDownOutlined v-if=\"showDownNode\" :class=\"downClass\" />\n      </span>\n    </span>\n  </div>\n</template>\n"],"names":["defineComponent","CaretDownOutlined","CaretUpOutlined","HeaderCellTitle","useInjectTable","computed","ASCEND","DESCEND"],"mappings":";;;;;;;;;;AAkBA,gBAAeA,mBAAA,CAAgB;AAAA,EAC7B,IAAA,EAAM,mBAAA;AAAA,EACN,UAAA,EAAY;AAAA,uBACVC,sBAAA;AAAA,qBACAC,oBAAA;AAAA,qBACAC;AAAA,GACF;AAAA,EACA,YAAA,EAAc,KAAA;AAAA,EACd,KAAA,EAAO;AAAA,IACL,QAAQ,EAAE,IAAA,EAAM,QAAuC,OAAA,EAAS,OAAO,EAAC,CAAA,EAAG;AAAA,IAC3E,WAAW,EAAE,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA,EAAE;AAAA,IACpC,WAAA,EAAa,MAAA;AAAA,IACb,WAAA,EAAa,CAAC,MAAA,EAAQ,OAAO,CAAA;AAAA,IAC7B,cAAA,EAAgB,KAAA;AAAA,IAChB,aAAA,EAAe,MAAA;AAAA,IACf,QAAA,EAAU,OAAA;AAAA,IACV,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAM,KAAA,EAAO;AACX,IAAA,MAAM,eAAeC,2BAAA,EAAe;AAEpC,IAAA,MAAM,UAAA,GAAaC,aAAS,MAAG;;AAAG,MAAA,OAAA,CAAA,EAAA,GAAA,KAAA,CAAM,cAAA,KAAN,mBAAsB,QAAA,CAASC,gBAAA,CAAA;AAAA,IAAA,CAAO,CAAA;AACxE,IAAA,MAAM,YAAA,GAAeD,aAAS,MAAG;;AAAG,MAAA,OAAA,CAAA,EAAA,GAAA,KAAA,CAAM,cAAA,KAAN,mBAAsB,QAAA,CAASE,iBAAA,CAAA;AAAA,IAAA,CAAQ,CAAA;AAC3E,IAAA,MAAM,SAAA,GAAYF,YAAA,CAAS,MAAM,YAAA,CAAa,MAAM,SAAS,CAAA;AAE7D,IAAA,MAAM,SAAA,GAAYA,aAAS,OAAO;AAAA,MAChC,CAAC,CAAA,EAAG,SAAA,CAAU,KAAK,gBAAgB,GAAG,IAAA;AAAA,MACtC,CAAC,GAAG,SAAA,CAAU,KAAK,qBAAqB,GAAG,UAAA,CAAW,SAAS,YAAA,CAAa;AAAA,KAC9E,CAAE,CAAA;AACF,IAAA,MAAM,OAAA,GAAUA,aAAS,OAAO;AAAA,MAC9B,CAAC,CAAA,EAAG,SAAA,CAAU,KAAK,mBAAmB,GAAG,IAAA;AAAA,MACzC,MAAA,EAAQ,MAAM,WAAA,KAAgBC;AAAA,KAChC,CAAE,CAAA;AACF,IAAA,MAAM,SAAA,GAAYD,aAAS,OAAO;AAAA,MAChC,CAAC,CAAA,EAAG,SAAA,CAAU,KAAK,qBAAqB,GAAG,IAAA;AAAA,MAC3C,MAAA,EAAQ,MAAM,WAAA,KAAgBE;AAAA,KAChC,CAAE,CAAA;AAEF,IAAA,OAAO;AAAA,MACL,UAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACF;AAAA,EACF;AACF,CAAC,CAAA;;;;"}