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.
- package/dist/index.full.js +65 -50
- package/dist/index.full.min.js +6 -6
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +8 -8
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +66 -51
- package/es/components/counter/src/counter.vue.d.ts +2 -4
- package/es/components/counter/src/counter.vue2.mjs +2 -4
- package/es/components/counter/src/counter.vue2.mjs.map +1 -1
- package/es/components/form/src/components/FormGroup.d.ts +12 -12
- package/es/components/form/src/components/FormList.d.ts +12 -12
- package/es/components/form/src/components/FormListContainer.d.ts +12 -12
- package/es/components/form/src/components/FormListItem.d.ts +12 -12
- package/es/components/form/src/components/FormRowWrapper.d.ts +12 -12
- package/es/components/form/src/components/FormSet.d.ts +12 -12
- package/es/components/layout/src/components/layout-sidebar.vue.d.ts +5 -0
- package/es/components/layout/src/components/layout-sidebar.vue2.mjs +4 -3
- package/es/components/layout/src/components/layout-sidebar.vue2.mjs.map +1 -1
- package/es/components/layout/src/layout.vue.d.ts +1 -0
- package/es/components/layout/src/layout.vue2.mjs +3 -1
- package/es/components/layout/src/layout.vue2.mjs.map +1 -1
- package/es/components/layout/src/typing.d.ts +5 -0
- package/es/components/table/src/components/Body/BodyCell.mjs +10 -1
- package/es/components/table/src/components/Body/BodyCell.mjs.map +1 -1
- package/es/components/table/src/components/Form/Form.d.ts +7 -7
- package/es/components/table/src/components/Form/Form.mjs +2 -36
- package/es/components/table/src/components/Form/Form.mjs.map +1 -1
- package/es/components/table/src/components/Table.mjs +28 -4
- package/es/components/table/src/components/Table.mjs.map +1 -1
- package/es/components/table/src/utils/flatColumnsHandle.d.ts +2 -0
- package/es/components/table/src/utils/flatColumnsHandle.mjs +18 -0
- package/es/components/table/src/utils/flatColumnsHandle.mjs.map +1 -0
- package/es/index.d.ts +8 -4
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/counter/src/counter.vue.d.ts +2 -4
- package/lib/components/counter/src/counter.vue2.js +2 -4
- package/lib/components/counter/src/counter.vue2.js.map +1 -1
- package/lib/components/form/src/components/FormGroup.d.ts +12 -12
- package/lib/components/form/src/components/FormList.d.ts +12 -12
- package/lib/components/form/src/components/FormListContainer.d.ts +12 -12
- package/lib/components/form/src/components/FormListItem.d.ts +12 -12
- package/lib/components/form/src/components/FormRowWrapper.d.ts +12 -12
- package/lib/components/form/src/components/FormSet.d.ts +12 -12
- package/lib/components/layout/src/components/layout-sidebar.vue.d.ts +5 -0
- package/lib/components/layout/src/components/layout-sidebar.vue2.js +4 -3
- package/lib/components/layout/src/components/layout-sidebar.vue2.js.map +1 -1
- package/lib/components/layout/src/layout.vue.d.ts +1 -0
- package/lib/components/layout/src/layout.vue2.js +3 -1
- package/lib/components/layout/src/layout.vue2.js.map +1 -1
- package/lib/components/layout/src/typing.d.ts +5 -0
- package/lib/components/table/src/components/Body/BodyCell.js +9 -0
- package/lib/components/table/src/components/Body/BodyCell.js.map +1 -1
- package/lib/components/table/src/components/Form/Form.d.ts +7 -7
- package/lib/components/table/src/components/Form/Form.js +2 -36
- package/lib/components/table/src/components/Form/Form.js.map +1 -1
- package/lib/components/table/src/components/Table.js +28 -4
- package/lib/components/table/src/components/Table.js.map +1 -1
- package/lib/components/table/src/utils/flatColumnsHandle.d.ts +2 -0
- package/lib/components/table/src/utils/flatColumnsHandle.js +20 -0
- package/lib/components/table/src/utils/flatColumnsHandle.js.map +1 -0
- package/lib/index.d.ts +8 -4
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +1 -1
- package/theme-chalk/src/index.less +1 -1
- package/theme-chalk/pro-table.css +0 -1
- package/theme-chalk/src/table.less +0 -1
package/dist/index.full.mjs
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
/*! Pro Design Vue v1.0.0-rc.
|
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.
|
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", "
|
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
|
-
|
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":
|
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
|
-
|
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
|
-
"
|
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", "
|
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
|
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?: "
|
104
|
-
md?: "
|
105
|
-
lg?: "
|
106
|
-
xl?: "
|
107
|
-
xs?: "
|
108
|
-
xxl?: "
|
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?: "
|
112
|
-
md?: "
|
113
|
-
lg?: "
|
114
|
-
xl?: "
|
115
|
-
xs?: "
|
116
|
-
xxl?: "
|
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?: "
|
267
|
-
md?: "
|
268
|
-
lg?: "
|
269
|
-
xl?: "
|
270
|
-
xs?: "
|
271
|
-
xxl?: "
|
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?: "
|
275
|
-
md?: "
|
276
|
-
lg?: "
|
277
|
-
xl?: "
|
278
|
-
xs?: "
|
279
|
-
xxl?: "
|
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?: "
|
226
|
-
md?: "
|
227
|
-
lg?: "
|
228
|
-
xl?: "
|
229
|
-
xs?: "
|
230
|
-
xxl?: "
|
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?: "
|
234
|
-
md?: "
|
235
|
-
lg?: "
|
236
|
-
xl?: "
|
237
|
-
xs?: "
|
238
|
-
xxl?: "
|
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?: "
|
175
|
-
md?: "
|
176
|
-
lg?: "
|
177
|
-
xl?: "
|
178
|
-
xs?: "
|
179
|
-
xxl?: "
|
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?: "
|
183
|
-
md?: "
|
184
|
-
lg?: "
|
185
|
-
xl?: "
|
186
|
-
xs?: "
|
187
|
-
xxl?: "
|
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?: "
|
46
|
-
md?: "
|
47
|
-
lg?: "
|
48
|
-
xl?: "
|
49
|
-
xs?: "
|
50
|
-
xxl?: "
|
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?: "
|
54
|
-
md?: "
|
55
|
-
lg?: "
|
56
|
-
xl?: "
|
57
|
-
xs?: "
|
58
|
-
xxl?: "
|
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?: "
|
120
|
-
md?: "
|
121
|
-
lg?: "
|
122
|
-
xl?: "
|
123
|
-
xs?: "
|
124
|
-
xxl?: "
|
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?: "
|
128
|
-
md?: "
|
129
|
-
lg?: "
|
130
|
-
xl?: "
|
131
|
-
xs?: "
|
132
|
-
xxl?: "
|
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
|
}
|