pro-design-vue 1.0.0-rc.1 → 1.0.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/dist/index.full.js +65 -50
  2. package/dist/index.full.min.js +6 -6
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +8 -8
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +66 -51
  7. package/es/components/counter/src/counter.vue.d.ts +2 -4
  8. package/es/components/counter/src/counter.vue2.mjs +2 -4
  9. package/es/components/counter/src/counter.vue2.mjs.map +1 -1
  10. package/es/components/form/src/components/FormGroup.d.ts +12 -12
  11. package/es/components/form/src/components/FormList.d.ts +12 -12
  12. package/es/components/form/src/components/FormListContainer.d.ts +12 -12
  13. package/es/components/form/src/components/FormListItem.d.ts +12 -12
  14. package/es/components/form/src/components/FormRowWrapper.d.ts +12 -12
  15. package/es/components/form/src/components/FormSet.d.ts +12 -12
  16. package/es/components/layout/src/components/layout-sidebar.vue.d.ts +5 -0
  17. package/es/components/layout/src/components/layout-sidebar.vue2.mjs +4 -3
  18. package/es/components/layout/src/components/layout-sidebar.vue2.mjs.map +1 -1
  19. package/es/components/layout/src/layout.vue.d.ts +1 -0
  20. package/es/components/layout/src/layout.vue2.mjs +3 -1
  21. package/es/components/layout/src/layout.vue2.mjs.map +1 -1
  22. package/es/components/layout/src/typing.d.ts +5 -0
  23. package/es/components/table/src/components/Body/BodyCell.mjs +10 -1
  24. package/es/components/table/src/components/Body/BodyCell.mjs.map +1 -1
  25. package/es/components/table/src/components/Form/Form.d.ts +7 -7
  26. package/es/components/table/src/components/Form/Form.mjs +2 -36
  27. package/es/components/table/src/components/Form/Form.mjs.map +1 -1
  28. package/es/components/table/src/components/Table.mjs +28 -4
  29. package/es/components/table/src/components/Table.mjs.map +1 -1
  30. package/es/components/table/src/utils/flatColumnsHandle.d.ts +2 -0
  31. package/es/components/table/src/utils/flatColumnsHandle.mjs +18 -0
  32. package/es/components/table/src/utils/flatColumnsHandle.mjs.map +1 -0
  33. package/es/index.d.ts +8 -4
  34. package/es/version.d.ts +1 -1
  35. package/es/version.mjs +1 -1
  36. package/es/version.mjs.map +1 -1
  37. package/lib/components/counter/src/counter.vue.d.ts +2 -4
  38. package/lib/components/counter/src/counter.vue2.js +2 -4
  39. package/lib/components/counter/src/counter.vue2.js.map +1 -1
  40. package/lib/components/form/src/components/FormGroup.d.ts +12 -12
  41. package/lib/components/form/src/components/FormList.d.ts +12 -12
  42. package/lib/components/form/src/components/FormListContainer.d.ts +12 -12
  43. package/lib/components/form/src/components/FormListItem.d.ts +12 -12
  44. package/lib/components/form/src/components/FormRowWrapper.d.ts +12 -12
  45. package/lib/components/form/src/components/FormSet.d.ts +12 -12
  46. package/lib/components/layout/src/components/layout-sidebar.vue.d.ts +5 -0
  47. package/lib/components/layout/src/components/layout-sidebar.vue2.js +4 -3
  48. package/lib/components/layout/src/components/layout-sidebar.vue2.js.map +1 -1
  49. package/lib/components/layout/src/layout.vue.d.ts +1 -0
  50. package/lib/components/layout/src/layout.vue2.js +3 -1
  51. package/lib/components/layout/src/layout.vue2.js.map +1 -1
  52. package/lib/components/layout/src/typing.d.ts +5 -0
  53. package/lib/components/table/src/components/Body/BodyCell.js +9 -0
  54. package/lib/components/table/src/components/Body/BodyCell.js.map +1 -1
  55. package/lib/components/table/src/components/Form/Form.d.ts +7 -7
  56. package/lib/components/table/src/components/Form/Form.js +2 -36
  57. package/lib/components/table/src/components/Form/Form.js.map +1 -1
  58. package/lib/components/table/src/components/Table.js +28 -4
  59. package/lib/components/table/src/components/Table.js.map +1 -1
  60. package/lib/components/table/src/utils/flatColumnsHandle.d.ts +2 -0
  61. package/lib/components/table/src/utils/flatColumnsHandle.js +20 -0
  62. package/lib/components/table/src/utils/flatColumnsHandle.js.map +1 -0
  63. package/lib/index.d.ts +8 -4
  64. package/lib/version.d.ts +1 -1
  65. package/lib/version.js +1 -1
  66. package/lib/version.js.map +1 -1
  67. package/package.json +1 -1
  68. package/theme-chalk/src/index.less +1 -1
  69. package/theme-chalk/pro-table.css +0 -1
  70. package/theme-chalk/src/table.less +0 -1
@@ -1,6 +1,6 @@
1
- /*! Pro Design Vue v1.0.0-rc.1 */
1
+ /*! Pro Design Vue v1.0.0-rc.3 */
2
2
 
3
- import { Modal, ConfigProvider, App, Button as Button$1, Tooltip, Popconfirm, Dropdown, Menu, Slider, Drawer, Input, InputNumber, Form as Form$1, Space, Textarea, Select, TreeSelect, Checkbox as Checkbox$1, CheckboxGroup, RadioGroup, Radio as Radio$1, Cascader, Switch, Rate, DatePicker, RangePicker, TimePicker, TimeRangePicker, Upload, theme as theme$1, FormItemRest, Spin, message, Row as Row$1, Col, FormItem as FormItem$3, Steps, Popover, MenuItem, SubMenu, Empty, Badge, Pagination, InputSearch, Tree, Card, Tabs, TabPane } from 'ant-design-vue';
3
+ import { Modal, ConfigProvider, App, Button as Button$1, Tooltip, Popconfirm, Dropdown, Menu, Slider, Drawer, Input, InputNumber, Form as Form$1, Space, Textarea, Select, TreeSelect, Checkbox as Checkbox$1, CheckboxGroup, RadioGroup, Radio as Radio$1, Cascader, Switch, Rate, DatePicker, RangePicker, TimePicker, TimeRangePicker, Upload, theme as theme$1, FormItemRest, Spin, message, Row as Row$1, Col, FormItem as FormItem$3, Steps, Popover, MenuItem, SubMenu, Empty, Badge, Tag, Pagination, InputSearch, Tree, Card, Tabs, TabPane } from 'ant-design-vue';
4
4
  import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, isVNode, Fragment, cloneVNode, provide, computed, renderSlot, createPropsRestProxy, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, shallowRef, shallowReadonly, toValue, getCurrentScope, onScopeDispose, watch, onMounted, hasInjectionContext, isRef, toRefs as toRefs$1, customRef, toRef as toRef$1, readonly, watchEffect, toRaw, createElementBlock, createCommentVNode, resolveDynamicComponent, mergeProps, createElementVNode, normalizeStyle, toDisplayString, normalizeClass, createSlots, useAttrs, useTemplateRef, defineAsyncComponent, Teleport, onUnmounted, Comment as Comment$1, useSlots, useModel, withModifiers, mergeModels, renderList, camelize, isReactive, onActivated, onDeactivated, onBeforeUnmount, triggerRef, resolveDirective, withDirectives, vShow, render as render$1, resolveComponent, createTextVNode, vModelText } from 'vue';
5
5
 
6
6
  const INSTALLED_KEY = Symbol("INSTALLED_KEY");
@@ -13,7 +13,7 @@ const ELEMENT_ID_MAIN_CONTENT = `__pro_main_content`;
13
13
  const SCROLL_FIXED_CLASS = `_scroll__fixed_`;
14
14
  const DEFAULT_NAMESPACE = "pro";
15
15
 
16
- const version$1 = "1.0.0-rc.1";
16
+ const version$1 = "1.0.0-rc.3";
17
17
 
18
18
  const makeInstaller = (components = []) => {
19
19
  const install = (app) => {
@@ -8812,7 +8812,7 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
8812
8812
  transition: { type: null, required: false, default: "linear" },
8813
8813
  useEasing: { type: Boolean, required: false, default: true }
8814
8814
  },
8815
- emits: ["finished", "onFinished", "onStarted", "started"],
8815
+ emits: ["finished", "started"],
8816
8816
  setup(__props, { expose: __expose, emit: __emit }) {
8817
8817
  const props = __props;
8818
8818
  const emit = __emit;
@@ -8845,11 +8845,9 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
8845
8845
  duration: props.duration,
8846
8846
  onFinished: () => {
8847
8847
  emit("finished");
8848
- emit("onFinished");
8849
8848
  },
8850
8849
  onStarted: () => {
8851
8850
  emit("started");
8852
- emit("onStarted");
8853
8851
  },
8854
8852
  ...props.useEasing ? { transition: TransitionPresets[props.transition] } : {}
8855
8853
  });
@@ -8872,7 +8870,7 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
8872
8870
  }
8873
8871
  return prefix + x1 + x2 + suffix;
8874
8872
  }
8875
- __expose({ reset });
8873
+ __expose({ start, reset });
8876
8874
  return (_ctx, _cache) => {
8877
8875
  return openBlock(), createElementBlock(
8878
8876
  "span",
@@ -18159,7 +18157,8 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
18159
18157
  showFixedButton: { type: Boolean, required: false, default: true },
18160
18158
  theme: { type: String, required: true },
18161
18159
  width: { type: Number, required: true },
18162
- zIndex: { type: Number, required: false, default: 0 }
18160
+ zIndex: { type: Number, required: false, default: 0 },
18161
+ fixed: { type: Boolean, required: false, default: true }
18163
18162
  }, {
18164
18163
  "collapse": { type: Boolean },
18165
18164
  "collapseModifiers": {},
@@ -18296,7 +18295,7 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
18296
18295
  Fragment,
18297
18296
  null,
18298
18297
  [
18299
- _ctx.domVisible ? (openBlock(), createElementBlock(
18298
+ _ctx.domVisible && _ctx.fixed ? (openBlock(), createElementBlock(
18300
18299
  "div",
18301
18300
  {
18302
18301
  key: 0,
@@ -18312,9 +18311,9 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
18312
18311
  {
18313
18312
  class: normalizeClass([
18314
18313
  unref(prefixCls),
18315
- `${unref(prefixCls)}--fixed`,
18316
18314
  _ctx.theme,
18317
18315
  {
18316
+ [`${unref(prefixCls)}--fixed`]: _ctx.fixed,
18318
18317
  [`${unref(prefixCls)}--mixed`]: _ctx.isSidebarMixed,
18319
18318
  [`${unref(prefixCls)}--no-mixed`]: !_ctx.isSidebarMixed
18320
18319
  }
@@ -18546,6 +18545,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
18546
18545
  sidebarTheme: { type: String, required: false, default: "light" },
18547
18546
  sidebarWidth: { type: Number, required: false, default: 200 },
18548
18547
  sideCollapseWidth: { type: Number, required: false, default: 60 },
18548
+ sidebarFixed: { type: Boolean, required: false, default: true },
18549
18549
  tabbarEnable: { type: Boolean, required: false, default: true },
18550
18550
  tabbarHeight: { type: Number, required: false, default: 40 },
18551
18551
  zIndex: { type: Number, required: false, default: 200 }
@@ -18881,6 +18881,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
18881
18881
  "margin-top": sidebarMarginTop.value,
18882
18882
  "mixed-width": _ctx.sidebarMixedWidth,
18883
18883
  show: showSidebar.value,
18884
+ fixed: _ctx.sidebarFixed,
18884
18885
  theme: _ctx.sidebarTheme,
18885
18886
  width: getSidebarWidth.value,
18886
18887
  "z-index": sidebarZIndex.value,
@@ -18905,7 +18906,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
18905
18906
  ]),
18906
18907
  key: "0"
18907
18908
  } : void 0
18908
- ]), 1032, ["collapse", "expand-on-hover", "expand-on-hovering", "extra-collapse", "extra-visible", "show-collapse-button", "show-fixed-button", "collapse-width", "dom-visible", "extra-width", "fixed-extra", "header-height", "is-sidebar-mixed", "margin-top", "mixed-width", "show", "theme", "width", "z-index"])) : createCommentVNode("v-if", true),
18909
+ ]), 1032, ["collapse", "expand-on-hover", "expand-on-hovering", "extra-collapse", "extra-visible", "show-collapse-button", "show-fixed-button", "collapse-width", "dom-visible", "extra-width", "fixed-extra", "header-height", "is-sidebar-mixed", "margin-top", "mixed-width", "show", "fixed", "theme", "width", "z-index"])) : createCommentVNode("v-if", true),
18909
18910
  createElementVNode(
18910
18911
  "div",
18911
18912
  {
@@ -20783,6 +20784,22 @@ const columnSort = (columnsMap) => (a, b) => {
20783
20784
  return (a.index || 0) - (b.index || 0);
20784
20785
  };
20785
20786
 
20787
+ const flatColumnsHandle = (columns) => {
20788
+ const flatColumns = [];
20789
+ const loopColumns = (columns2) => {
20790
+ columns2.forEach((column) => {
20791
+ var _a;
20792
+ if ((_a = column == null ? void 0 : column.children) == null ? void 0 : _a.length) {
20793
+ loopColumns(column == null ? void 0 : column.children);
20794
+ } else {
20795
+ flatColumns.push(column);
20796
+ }
20797
+ });
20798
+ };
20799
+ loopColumns(columns);
20800
+ return flatColumns;
20801
+ };
20802
+
20786
20803
  function useMergedState(defaultStateValue, option) {
20787
20804
  const { defaultValue, value = ref() } = option || {};
20788
20805
  let initValue = typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue;
@@ -28997,6 +29014,15 @@ const BodyCell = (props, { slots, emit }) => {
28997
29014
  status: option.status,
28998
29015
  text: option.text
28999
29016
  });
29017
+ } else if (option.color) {
29018
+ cellValue = createVNode(
29019
+ Tag,
29020
+ {
29021
+ color: option.color,
29022
+ bordered: false
29023
+ },
29024
+ option.text
29025
+ );
29000
29026
  } else {
29001
29027
  cellValue = option.text || emptyText;
29002
29028
  }
@@ -33353,25 +33379,10 @@ var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3]]
33353
33379
  function _isSlot$3(s) {
33354
33380
  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
33355
33381
  }
33356
- const flatColumnsHandle = (columns) => {
33357
- const flatColumns = [];
33358
- const loopColumns = (columns2) => {
33359
- columns2.forEach((column) => {
33360
- var _a;
33361
- if ((_a = column == null ? void 0 : column.children) == null ? void 0 : _a.length) {
33362
- loopColumns(column == null ? void 0 : column.children);
33363
- } else {
33364
- flatColumns.push(column);
33365
- }
33366
- });
33367
- };
33368
- loopColumns(columns);
33369
- return flatColumns;
33370
- };
33371
33382
  var FormRender = /* @__PURE__ */ defineComponent({
33372
33383
  props: {
33373
33384
  prefixCls: String,
33374
- columns: {
33385
+ items: {
33375
33386
  type: Array,
33376
33387
  default: () => []
33377
33388
  },
@@ -33409,25 +33420,6 @@ var FormRender = /* @__PURE__ */ defineComponent({
33409
33420
  setup: (props) => {
33410
33421
  var _a, _b, _c;
33411
33422
  const activeTabKey = ref(((_a = props.search) == null ? void 0 : _a.cardProps) !== false ? (_c = (_b = props.search) == null ? void 0 : _b.cardProps) == null ? void 0 : _c.activeTabKey : "");
33412
- const formItems = computed(() => {
33413
- var _a2, _b2, _c2;
33414
- if ((_b2 = (_a2 = props.search) == null ? void 0 : _a2.items) == null ? void 0 : _b2.length) {
33415
- return (_c2 = props.search) == null ? void 0 : _c2.items;
33416
- }
33417
- return flatColumnsHandle(props.columns).filter((item) => {
33418
- if (item.hideInSearch) {
33419
- return false;
33420
- }
33421
- return true;
33422
- }).map((item) => {
33423
- return {
33424
- ...item,
33425
- width: void 0,
33426
- tooltip: item.headerTooltip,
33427
- name: item.dataIndex
33428
- };
33429
- });
33430
- });
33431
33423
  const cardProps = computed(() => {
33432
33424
  var _a2, _b2;
33433
33425
  if (!((_a2 = props.search) == null ? void 0 : _a2.cardProps)) {
@@ -33462,7 +33454,7 @@ var FormRender = /* @__PURE__ */ defineComponent({
33462
33454
  const searchDom = createVNode(ProQueryFilter, mergeProps({
33463
33455
  "class": `${props.prefixCls}-form`
33464
33456
  }, omit(props.search || {}, ["cardProps", "tabName"]), {
33465
- "items": formItems.value,
33457
+ "items": props.items,
33466
33458
  "loading": props.loading,
33467
33459
  "style": {
33468
33460
  marginBlockEnd: ((_a2 = props.search) == null ? void 0 : _a2.cardProps) !== false ? 0 : "40px"
@@ -33632,6 +33624,28 @@ var Table = /* @__PURE__ */ defineComponent({
33632
33624
  };
33633
33625
  return loopFilter(tableColumn.value);
33634
33626
  });
33627
+ const formItems = computed(() => {
33628
+ var _a2, _b, _c;
33629
+ if (!props.search) {
33630
+ return [];
33631
+ }
33632
+ if ((_b = (_a2 = props.search) == null ? void 0 : _a2.items) == null ? void 0 : _b.length) {
33633
+ return (_c = props.search) == null ? void 0 : _c.items;
33634
+ }
33635
+ return flatColumnsHandle(props.columns).filter((item) => {
33636
+ if (item.hideInSearch) {
33637
+ return false;
33638
+ }
33639
+ return true;
33640
+ }).map((item) => {
33641
+ return {
33642
+ ...item,
33643
+ width: void 0,
33644
+ tooltip: item.headerTooltip,
33645
+ name: item.dataIndex
33646
+ };
33647
+ });
33648
+ });
33635
33649
  const preserveRecordsRef = ref(/* @__PURE__ */ new Map());
33636
33650
  const getRowKey = computed(() => typeof props.rowKey == "function" ? props.rowKey : (record) => {
33637
33651
  return record == null ? void 0 : record[props.rowKey || "id"];
@@ -33679,7 +33693,8 @@ var Table = /* @__PURE__ */ defineComponent({
33679
33693
  };
33680
33694
  const hideToolbar = computed(() => props.options === false && !props.title && !slots.title && !slots.toolbar && !slots.searchExtra && !slots.toolbarActions);
33681
33695
  const notNeedCardDom = computed(() => {
33682
- if (props.search === false && props.toolBar === false) {
33696
+ var _a2;
33697
+ if ((props.search === false || !((_a2 = formItems.value) == null ? void 0 : _a2.length)) && props.toolBar === false) {
33683
33698
  return true;
33684
33699
  }
33685
33700
  return false;
@@ -33746,7 +33761,7 @@ var Table = /* @__PURE__ */ defineComponent({
33746
33761
  reset
33747
33762
  });
33748
33763
  return () => {
33749
- var _a2, _b;
33764
+ var _a2, _b, _c;
33750
33765
  const {
33751
33766
  expandIcon = slots.expandIcon,
33752
33767
  expandedRowRender = slots.expandedRowRender
@@ -33815,9 +33830,9 @@ var Table = /* @__PURE__ */ defineComponent({
33815
33830
  }, attrs, {
33816
33831
  "class": [`${mergedPrefixCls.value}-wrapper ${props.bordered ? mergedPrefixCls.value + "-wrapper-bordered" : ""} ${"dark" === theme.value ? mergedPrefixCls.value + "-wrapper-dark" : ""} ${pollingLoading.value ? mergedPrefixCls.value + "-wrapper-polling" : ""}`, attrs.class],
33817
33832
  "onKeydown": onKeydown
33818
- }), [props.search !== false && createVNode(FormRender, {
33833
+ }), [props.search !== false && !!((_c = formItems.value) == null ? void 0 : _c.length) && createVNode(FormRender, {
33819
33834
  "prefixCls": mergedPrefixCls.value,
33820
- "columns": props.columns,
33835
+ "items": formItems.value,
33821
33836
  "cardBordered": props.cardBordered,
33822
33837
  "search": props.search,
33823
33838
  "loading": formSubmitLoading.value,
@@ -13,18 +13,16 @@ interface Props {
13
13
  transition?: keyof typeof TransitionPresets;
14
14
  useEasing?: boolean;
15
15
  }
16
+ declare function start(): void;
16
17
  declare function reset(): void;
17
18
  declare const _default: import("vue").DefineComponent<Props, {
19
+ start: typeof start;
18
20
  reset: typeof reset;
19
21
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
20
22
  finished: () => any;
21
- onFinished: () => any;
22
- onStarted: () => any;
23
23
  started: () => any;
24
24
  }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
25
25
  onFinished?: (() => any) | undefined;
26
- onOnFinished?: (() => any) | undefined;
27
- onOnStarted?: (() => any) | undefined;
28
26
  onStarted?: (() => any) | undefined;
29
27
  }>, {
30
28
  prefix: string;
@@ -19,7 +19,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
19
19
  transition: { type: null, required: false, default: "linear" },
20
20
  useEasing: { type: Boolean, required: false, default: true }
21
21
  },
22
- emits: ["finished", "onFinished", "onStarted", "started"],
22
+ emits: ["finished", "started"],
23
23
  setup(__props, { expose: __expose, emit: __emit }) {
24
24
  const props = __props;
25
25
  const emit = __emit;
@@ -52,11 +52,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
52
52
  duration: props.duration,
53
53
  onFinished: () => {
54
54
  emit("finished");
55
- emit("onFinished");
56
55
  },
57
56
  onStarted: () => {
58
57
  emit("started");
59
- emit("onStarted");
60
58
  },
61
59
  ...props.useEasing ? { transition: TransitionPresets[props.transition] } : {}
62
60
  });
@@ -79,7 +77,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
79
77
  }
80
78
  return prefix + x1 + x2 + suffix;
81
79
  }
82
- __expose({ reset });
80
+ __expose({ start, reset });
83
81
  return (_ctx, _cache) => {
84
82
  return openBlock(), createElementBlock(
85
83
  "span",
@@ -1 +1 @@
1
- {"version":3,"file":"counter.vue2.mjs","sources":["../../../../../../packages/components/counter/src/counter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, unref, watch, watchEffect } from 'vue'\n\nimport { isNumber } from '@pro-design-vue/utils'\n\nimport { TransitionPresets, useTransition } from '@vueuse/core'\n\ninterface Props {\n autoplay?: boolean\n color?: string\n decimal?: string\n decimals?: number\n duration?: number\n endVal?: number\n prefix?: string\n separator?: string\n startVal?: number\n suffix?: string\n transition?: keyof typeof TransitionPresets\n useEasing?: boolean\n}\n\ndefineOptions({ name: 'ProCounter' })\n\nconst props = withDefaults(defineProps<Props>(), {\n autoplay: true,\n color: '',\n decimal: '.',\n decimals: 0,\n duration: 1500,\n endVal: 2021,\n prefix: '',\n separator: ',',\n startVal: 0,\n suffix: '',\n transition: 'linear',\n useEasing: true,\n})\n\nconst emit = defineEmits<{\n finished: []\n /**\n * @deprecated 请使用{@link finished}事件\n */\n onFinished: []\n /**\n * @deprecated 请使用{@link started}事件\n */\n onStarted: []\n started: []\n}>()\n\nconst source = ref(props.startVal)\nconst disabled = ref(false)\nlet outputValue = useTransition(source)\n\nconst value = computed(() => formatNumber(unref(outputValue)))\n\nwatchEffect(() => {\n source.value = props.startVal\n})\n\nwatch([() => props.startVal, () => props.endVal], () => {\n if (props.autoplay) {\n start()\n }\n})\n\nonMounted(() => {\n props.autoplay && start()\n})\n\nfunction start() {\n run()\n source.value = props.endVal\n}\n\nfunction reset() {\n source.value = props.startVal\n run()\n}\n\nfunction run() {\n outputValue = useTransition(source, {\n disabled,\n duration: props.duration,\n onFinished: () => {\n emit('finished')\n emit('onFinished')\n },\n onStarted: () => {\n emit('started')\n emit('onStarted')\n },\n ...(props.useEasing ? { transition: TransitionPresets[props.transition] } : {}),\n })\n}\n\nfunction formatNumber(num: number | string) {\n if (!num && num !== 0) {\n return ''\n }\n const { decimal, decimals, prefix, separator, suffix } = props\n num = Number(num).toFixed(decimals)\n num += ''\n\n const x = num.split('.')\n let x1 = x[0]\n const x2 = x.length > 1 ? decimal + x[1] : ''\n\n const rgx = /(\\d+)(\\d{3})/\n if (separator && !isNumber(separator) && x1) {\n while (rgx.test(x1)) {\n x1 = x1.replace(rgx, `$1${separator}$2`)\n }\n }\n return prefix + x1 + x2 + suffix\n}\n\ndefineExpose({ reset })\n</script>\n<template>\n <span :style=\"{ color }\">\n {{ value }}\n </span>\n</template>\n"],"names":["_createElementBlock","color"],"mappings":"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"}
1
+ {"version":3,"file":"counter.vue2.mjs","sources":["../../../../../../packages/components/counter/src/counter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, unref, watch, watchEffect } from 'vue'\n\nimport { isNumber } from '@pro-design-vue/utils'\n\nimport { TransitionPresets, useTransition } from '@vueuse/core'\n\ninterface Props {\n autoplay?: boolean\n color?: string\n decimal?: string\n decimals?: number\n duration?: number\n endVal?: number\n prefix?: string\n separator?: string\n startVal?: number\n suffix?: string\n transition?: keyof typeof TransitionPresets\n useEasing?: boolean\n}\n\ndefineOptions({ name: 'ProCounter' })\n\nconst props = withDefaults(defineProps<Props>(), {\n autoplay: true,\n color: '',\n decimal: '.',\n decimals: 0,\n duration: 1500,\n endVal: 2021,\n prefix: '',\n separator: ',',\n startVal: 0,\n suffix: '',\n transition: 'linear',\n useEasing: true,\n})\n\nconst emit = defineEmits<{\n finished: []\n started: []\n}>()\n\nconst source = ref(props.startVal)\nconst disabled = ref(false)\nlet outputValue = useTransition(source)\n\nconst value = computed(() => formatNumber(unref(outputValue)))\n\nwatchEffect(() => {\n source.value = props.startVal\n})\n\nwatch([() => props.startVal, () => props.endVal], () => {\n if (props.autoplay) {\n start()\n }\n})\n\nonMounted(() => {\n props.autoplay && start()\n})\n\nfunction start() {\n run()\n source.value = props.endVal\n}\n\nfunction reset() {\n source.value = props.startVal\n run()\n}\n\nfunction run() {\n outputValue = useTransition(source, {\n disabled,\n duration: props.duration,\n onFinished: () => {\n emit('finished')\n },\n onStarted: () => {\n emit('started')\n },\n ...(props.useEasing ? { transition: TransitionPresets[props.transition] } : {}),\n })\n}\n\nfunction formatNumber(num: number | string) {\n if (!num && num !== 0) {\n return ''\n }\n const { decimal, decimals, prefix, separator, suffix } = props\n num = Number(num).toFixed(decimals)\n num += ''\n\n const x = num.split('.')\n let x1 = x[0]\n const x2 = x.length > 1 ? decimal + x[1] : ''\n\n const rgx = /(\\d+)(\\d{3})/\n if (separator && !isNumber(separator) && x1) {\n while (rgx.test(x1)) {\n x1 = x1.replace(rgx, `$1${separator}$2`)\n }\n }\n return prefix + x1 + x2 + suffix\n}\n\ndefineExpose({ start, reset })\n</script>\n<template>\n <span :style=\"{ color }\">\n {{ value }}\n </span>\n</template>\n"],"names":["_createElementBlock","color"],"mappings":"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"}
@@ -100,20 +100,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
100
100
  };
101
101
  justify: {
102
102
  type: import("vue").PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
103
- sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
104
- md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
105
- lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
106
- xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
107
- xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
108
- xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
103
+ sm?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
104
+ md?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
105
+ lg?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
106
+ xl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
107
+ xs?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
108
+ xxl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
109
109
  }>;
110
110
  default: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
111
- sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
112
- md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
113
- lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
114
- xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
115
- xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
116
- xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
111
+ sm?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
112
+ md?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
113
+ lg?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
114
+ xl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
115
+ xs?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
116
+ xxl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
117
117
  };
118
118
  };
119
119
  prefixCls: StringConstructor;
@@ -263,20 +263,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
263
263
  };
264
264
  justify: {
265
265
  type: import("vue").PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
266
- sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
267
- md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
268
- lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
269
- xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
270
- xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
271
- xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
266
+ sm?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
267
+ md?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
268
+ lg?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
269
+ xl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
270
+ xs?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
271
+ xxl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
272
272
  }>;
273
273
  default: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
274
- sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
275
- md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
276
- lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
277
- xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
278
- xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
279
- xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
274
+ sm?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
275
+ md?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
276
+ lg?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
277
+ xl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
278
+ xs?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
279
+ xxl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
280
280
  };
281
281
  };
282
282
  prefixCls: StringConstructor;
@@ -222,20 +222,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
222
222
  };
223
223
  justify: {
224
224
  type: import("vue").PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
225
- sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
226
- md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
227
- lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
228
- xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
229
- xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
230
- xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
225
+ sm?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
226
+ md?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
227
+ lg?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
228
+ xl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
229
+ xs?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
230
+ xxl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
231
231
  }>;
232
232
  default: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
233
- sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
234
- md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
235
- lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
236
- xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
237
- xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
238
- xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
233
+ sm?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
234
+ md?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
235
+ lg?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
236
+ xl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
237
+ xs?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
238
+ xxl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
239
239
  };
240
240
  };
241
241
  prefixCls: StringConstructor;
@@ -171,20 +171,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
171
171
  };
172
172
  justify: {
173
173
  type: import("vue").PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
174
- sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
175
- md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
176
- lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
177
- xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
178
- xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
179
- xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
174
+ sm?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
175
+ md?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
176
+ lg?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
177
+ xl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
178
+ xs?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
179
+ xxl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
180
180
  }>;
181
181
  default: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
182
- sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
183
- md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
184
- lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
185
- xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
186
- xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
187
- xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
182
+ sm?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
183
+ md?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
184
+ lg?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
185
+ xl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
186
+ xs?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
187
+ xxl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
188
188
  };
189
189
  };
190
190
  prefixCls: StringConstructor;
@@ -42,20 +42,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
42
42
  };
43
43
  justify: {
44
44
  type: import("vue").PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
45
- sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
46
- md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
47
- lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
48
- xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
49
- xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
50
- xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
45
+ sm?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
46
+ md?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
47
+ lg?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
48
+ xl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
49
+ xs?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
50
+ xxl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
51
51
  }>;
52
52
  default: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
53
- sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
54
- md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
55
- lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
56
- xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
57
- xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
58
- xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
53
+ sm?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
54
+ md?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
55
+ lg?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
56
+ xl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
57
+ xs?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
58
+ xxl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
59
59
  };
60
60
  };
61
61
  prefixCls: StringConstructor;
@@ -116,20 +116,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
116
116
  };
117
117
  justify: {
118
118
  type: import("vue").PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
119
- sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
120
- md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
121
- lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
122
- xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
123
- xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
124
- xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
119
+ sm?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
120
+ md?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
121
+ lg?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
122
+ xl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
123
+ xs?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
124
+ xxl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
125
125
  }>;
126
126
  default: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
127
- sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
128
- md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
129
- lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
130
- xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
131
- xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
132
- xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
127
+ sm?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
128
+ md?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
129
+ lg?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
130
+ xl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
131
+ xs?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
132
+ xxl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
133
133
  };
134
134
  };
135
135
  prefixCls: StringConstructor;
@@ -75,6 +75,10 @@ interface Props {
75
75
  * @default 0
76
76
  */
77
77
  zIndex?: number;
78
+ /**
79
+ * 固定
80
+ */
81
+ fixed?: boolean;
78
82
  }
79
83
  type __VLS_Props = Props;
80
84
  type __VLS_PublicProps = __VLS_Props & {
@@ -110,6 +114,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
110
114
  "onUpdate:extraVisible"?: ((value: boolean | undefined) => any) | undefined;
111
115
  }>, {
112
116
  zIndex: number;
117
+ fixed: boolean;
113
118
  show: boolean;
114
119
  marginTop: number;
115
120
  paddingTop: number;
@@ -22,7 +22,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
22
22
  showFixedButton: { type: Boolean, required: false, default: true },
23
23
  theme: { type: String, required: true },
24
24
  width: { type: Number, required: true },
25
- zIndex: { type: Number, required: false, default: 0 }
25
+ zIndex: { type: Number, required: false, default: 0 },
26
+ fixed: { type: Boolean, required: false, default: true }
26
27
  }, {
27
28
  "collapse": { type: Boolean },
28
29
  "collapseModifiers": {},
@@ -159,7 +160,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
159
160
  Fragment,
160
161
  null,
161
162
  [
162
- _ctx.domVisible ? (openBlock(), createElementBlock(
163
+ _ctx.domVisible && _ctx.fixed ? (openBlock(), createElementBlock(
163
164
  "div",
164
165
  {
165
166
  key: 0,
@@ -175,9 +176,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
175
176
  {
176
177
  class: normalizeClass([
177
178
  unref(prefixCls),
178
- `${unref(prefixCls)}--fixed`,
179
179
  _ctx.theme,
180
180
  {
181
+ [`${unref(prefixCls)}--fixed`]: _ctx.fixed,
181
182
  [`${unref(prefixCls)}--mixed`]: _ctx.isSidebarMixed,
182
183
  [`${unref(prefixCls)}--no-mixed`]: !_ctx.isSidebarMixed
183
184
  }