3h1-ui 2.8.0 → 2.8.2
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/es/index.js +20 -9
- package/es/style.css +17 -7
- package/lib/index.js +20 -9
- package/package.json +3 -3
package/es/index.js
CHANGED
|
@@ -7290,7 +7290,6 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
7290
7290
|
});
|
|
7291
7291
|
const Table_vue_vue_type_style_index_0_scoped_7465b460_lang = "";
|
|
7292
7292
|
const Table = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-7465b460"]]);
|
|
7293
|
-
console.log(Divider);
|
|
7294
7293
|
const componentMap$2 = /* @__PURE__ */ new Map();
|
|
7295
7294
|
componentMap$2.set("Input", Input);
|
|
7296
7295
|
componentMap$2.set("InputGroup", Input.Group);
|
|
@@ -10262,7 +10261,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10262
10261
|
class: normalizeClass(_ctx.getToggleClass),
|
|
10263
10262
|
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleToggleAdvanced && _ctx.handleToggleAdvanced(...args))
|
|
10264
10263
|
}, [
|
|
10265
|
-
createVNode(_component_DownOutlined, { style: { fontSize: "10px", color: "#
|
|
10264
|
+
createVNode(_component_DownOutlined, { style: { fontSize: "10px", color: "#2991ff " } })
|
|
10266
10265
|
], 2)
|
|
10267
10266
|
], 2)) : createCommentVNode("", true)
|
|
10268
10267
|
];
|
|
@@ -13359,8 +13358,8 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef, getDa
|
|
|
13359
13358
|
const headEl = tableEl.querySelector(".ant-table-thead ");
|
|
13360
13359
|
if (!headEl)
|
|
13361
13360
|
return;
|
|
13362
|
-
let paddingHeight =
|
|
13363
|
-
let paginationHeight =
|
|
13361
|
+
let paddingHeight = 30;
|
|
13362
|
+
let paginationHeight = 10;
|
|
13364
13363
|
if (!isBoolean(pagination) && tableData.length !== 0) {
|
|
13365
13364
|
paginationEl = tableEl.querySelector(".ant-pagination");
|
|
13366
13365
|
if (paginationEl) {
|
|
@@ -13383,7 +13382,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef, getDa
|
|
|
13383
13382
|
}
|
|
13384
13383
|
let headerHeight = 0;
|
|
13385
13384
|
if (headEl) {
|
|
13386
|
-
headerHeight = headEl.offsetHeight;
|
|
13385
|
+
headerHeight = headEl.offsetHeight + 1;
|
|
13387
13386
|
}
|
|
13388
13387
|
let bottomIncludeBody = 0;
|
|
13389
13388
|
if (unref(wrapRef) && isCanResizeParent) {
|
|
@@ -14464,13 +14463,26 @@ function useTableFooter(propsRef, scrollRef, tableElRef, getDataSourceRef) {
|
|
|
14464
14463
|
return { getFooterProps };
|
|
14465
14464
|
}
|
|
14466
14465
|
function useTableForm(propsRef, slots, fetch, getLoading) {
|
|
14466
|
+
const getFormConfig = computed(() => {
|
|
14467
|
+
const { formConfig } = unref(propsRef);
|
|
14468
|
+
const temp = JSON.parse(JSON.stringify(formConfig));
|
|
14469
|
+
temp == null ? void 0 : temp.schemas.forEach((item) => {
|
|
14470
|
+
if (item.component === "Input") {
|
|
14471
|
+
item.componentProps = {
|
|
14472
|
+
showCount: false,
|
|
14473
|
+
...(item == null ? void 0 : item.componentProps) || {}
|
|
14474
|
+
};
|
|
14475
|
+
}
|
|
14476
|
+
});
|
|
14477
|
+
return temp;
|
|
14478
|
+
});
|
|
14467
14479
|
const getFormProps = computed(() => {
|
|
14468
14480
|
const { formConfig } = unref(propsRef);
|
|
14469
14481
|
const { submitButtonOptions } = formConfig || {};
|
|
14470
14482
|
return {
|
|
14471
14483
|
showAdvancedButton: true,
|
|
14472
14484
|
rowProps: { gutter: 20 },
|
|
14473
|
-
...
|
|
14485
|
+
...getFormConfig.value,
|
|
14474
14486
|
submitButtonOptions: {
|
|
14475
14487
|
loading: unref(getLoading),
|
|
14476
14488
|
...submitButtonOptions
|
|
@@ -14517,7 +14529,7 @@ const basicProps$3 = reactive({
|
|
|
14517
14529
|
},
|
|
14518
14530
|
showTableSetting: { type: Boolean, default: true },
|
|
14519
14531
|
autoCreateKey: { type: Boolean, default: true },
|
|
14520
|
-
striped: { type: Boolean, default:
|
|
14532
|
+
striped: { type: Boolean, default: false },
|
|
14521
14533
|
showSummary: Boolean,
|
|
14522
14534
|
summaryFunc: {
|
|
14523
14535
|
type: [Function, Array],
|
|
@@ -14611,7 +14623,7 @@ const basicProps$3 = reactive({
|
|
|
14611
14623
|
type: [String, Function],
|
|
14612
14624
|
default: ""
|
|
14613
14625
|
},
|
|
14614
|
-
bordered: propTypes.bool.def(
|
|
14626
|
+
bordered: propTypes.bool.def(false),
|
|
14615
14627
|
pagination: {
|
|
14616
14628
|
type: [Object, Boolean],
|
|
14617
14629
|
default: null
|
|
@@ -14778,7 +14790,6 @@ const _sfc_main$i = defineComponent({
|
|
|
14778
14790
|
getFormSlotKeys,
|
|
14779
14791
|
handleSearchInfoChange
|
|
14780
14792
|
} = useTableForm(getProps, slots, fetch, getLoading);
|
|
14781
|
-
console.log("1", getFormProps.value);
|
|
14782
14793
|
const getBindValues = computed(() => {
|
|
14783
14794
|
const dataSource = unref(getDataSourceRef);
|
|
14784
14795
|
let propsData = {
|
package/es/style.css
CHANGED
|
@@ -204,6 +204,16 @@ img, svg {
|
|
|
204
204
|
p {
|
|
205
205
|
margin: 0;
|
|
206
206
|
}
|
|
207
|
+
select {
|
|
208
|
+
font-family: inherit;
|
|
209
|
+
font-size: 100%;
|
|
210
|
+
line-height: 1.15;
|
|
211
|
+
margin: 0;
|
|
212
|
+
text-transform: none;
|
|
213
|
+
padding: 0;
|
|
214
|
+
line-height: inherit;
|
|
215
|
+
color: inherit;
|
|
216
|
+
}
|
|
207
217
|
@keyframes enter-x-animation {
|
|
208
218
|
to {
|
|
209
219
|
opacity: 1;
|
|
@@ -25042,9 +25052,9 @@ span.iconify {
|
|
|
25042
25052
|
left: 0;
|
|
25043
25053
|
display: block;
|
|
25044
25054
|
margin-top: -0.5px;
|
|
25045
|
-
width: calc(50% -
|
|
25055
|
+
width: calc(50% - 19px);
|
|
25046
25056
|
height: 1px;
|
|
25047
|
-
background: #
|
|
25057
|
+
background: #e2e2e3;
|
|
25048
25058
|
content: '';
|
|
25049
25059
|
}
|
|
25050
25060
|
.shy-basic-form-toggle-right__line {
|
|
@@ -25053,18 +25063,18 @@ span.iconify {
|
|
|
25053
25063
|
right: 0;
|
|
25054
25064
|
display: block;
|
|
25055
25065
|
margin-top: -0.5px;
|
|
25056
|
-
width: calc(50% -
|
|
25066
|
+
width: calc(50% - 19px);
|
|
25057
25067
|
height: 1px;
|
|
25058
|
-
background: #
|
|
25068
|
+
background: #e2e2e3;
|
|
25059
25069
|
content: '';
|
|
25060
25070
|
}
|
|
25061
25071
|
.shy-basic-form-toggle-icon {
|
|
25062
25072
|
display: flex;
|
|
25063
25073
|
justify-content: center;
|
|
25064
25074
|
align-items: center;
|
|
25065
|
-
width:
|
|
25066
|
-
height:
|
|
25067
|
-
border: 1px solid #
|
|
25075
|
+
width: 36px;
|
|
25076
|
+
height: 16px;
|
|
25077
|
+
border: 1px solid #2991ff;
|
|
25068
25078
|
border-radius: 0;
|
|
25069
25079
|
transition: all 0.1;
|
|
25070
25080
|
cursor: pointer;
|
package/lib/index.js
CHANGED
|
@@ -7292,7 +7292,6 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
|
|
|
7292
7292
|
});
|
|
7293
7293
|
const Table_vue_vue_type_style_index_0_scoped_7465b460_lang = "";
|
|
7294
7294
|
const Table = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-7465b460"]]);
|
|
7295
|
-
console.log(Divider);
|
|
7296
7295
|
const componentMap$2 = /* @__PURE__ */ new Map();
|
|
7297
7296
|
componentMap$2.set("Input", antDesignVue.Input);
|
|
7298
7297
|
componentMap$2.set("InputGroup", antDesignVue.Input.Group);
|
|
@@ -10264,7 +10263,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10264
10263
|
class: vue.normalizeClass(_ctx.getToggleClass),
|
|
10265
10264
|
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleToggleAdvanced && _ctx.handleToggleAdvanced(...args))
|
|
10266
10265
|
}, [
|
|
10267
|
-
vue.createVNode(_component_DownOutlined, { style: { fontSize: "10px", color: "#
|
|
10266
|
+
vue.createVNode(_component_DownOutlined, { style: { fontSize: "10px", color: "#2991ff " } })
|
|
10268
10267
|
], 2)
|
|
10269
10268
|
], 2)) : vue.createCommentVNode("", true)
|
|
10270
10269
|
];
|
|
@@ -13361,8 +13360,8 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef, getDa
|
|
|
13361
13360
|
const headEl = tableEl.querySelector(".ant-table-thead ");
|
|
13362
13361
|
if (!headEl)
|
|
13363
13362
|
return;
|
|
13364
|
-
let paddingHeight =
|
|
13365
|
-
let paginationHeight =
|
|
13363
|
+
let paddingHeight = 30;
|
|
13364
|
+
let paginationHeight = 10;
|
|
13366
13365
|
if (!utils.isBoolean(pagination) && tableData.length !== 0) {
|
|
13367
13366
|
paginationEl = tableEl.querySelector(".ant-pagination");
|
|
13368
13367
|
if (paginationEl) {
|
|
@@ -13385,7 +13384,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef, getDa
|
|
|
13385
13384
|
}
|
|
13386
13385
|
let headerHeight = 0;
|
|
13387
13386
|
if (headEl) {
|
|
13388
|
-
headerHeight = headEl.offsetHeight;
|
|
13387
|
+
headerHeight = headEl.offsetHeight + 1;
|
|
13389
13388
|
}
|
|
13390
13389
|
let bottomIncludeBody = 0;
|
|
13391
13390
|
if (vue.unref(wrapRef) && isCanResizeParent) {
|
|
@@ -14466,13 +14465,26 @@ function useTableFooter(propsRef, scrollRef, tableElRef, getDataSourceRef) {
|
|
|
14466
14465
|
return { getFooterProps };
|
|
14467
14466
|
}
|
|
14468
14467
|
function useTableForm(propsRef, slots, fetch, getLoading) {
|
|
14468
|
+
const getFormConfig = vue.computed(() => {
|
|
14469
|
+
const { formConfig } = vue.unref(propsRef);
|
|
14470
|
+
const temp = JSON.parse(JSON.stringify(formConfig));
|
|
14471
|
+
temp == null ? void 0 : temp.schemas.forEach((item) => {
|
|
14472
|
+
if (item.component === "Input") {
|
|
14473
|
+
item.componentProps = {
|
|
14474
|
+
showCount: false,
|
|
14475
|
+
...(item == null ? void 0 : item.componentProps) || {}
|
|
14476
|
+
};
|
|
14477
|
+
}
|
|
14478
|
+
});
|
|
14479
|
+
return temp;
|
|
14480
|
+
});
|
|
14469
14481
|
const getFormProps = vue.computed(() => {
|
|
14470
14482
|
const { formConfig } = vue.unref(propsRef);
|
|
14471
14483
|
const { submitButtonOptions } = formConfig || {};
|
|
14472
14484
|
return {
|
|
14473
14485
|
showAdvancedButton: true,
|
|
14474
14486
|
rowProps: { gutter: 20 },
|
|
14475
|
-
...
|
|
14487
|
+
...getFormConfig.value,
|
|
14476
14488
|
submitButtonOptions: {
|
|
14477
14489
|
loading: vue.unref(getLoading),
|
|
14478
14490
|
...submitButtonOptions
|
|
@@ -14519,7 +14531,7 @@ const basicProps$3 = vue.reactive({
|
|
|
14519
14531
|
},
|
|
14520
14532
|
showTableSetting: { type: Boolean, default: true },
|
|
14521
14533
|
autoCreateKey: { type: Boolean, default: true },
|
|
14522
|
-
striped: { type: Boolean, default:
|
|
14534
|
+
striped: { type: Boolean, default: false },
|
|
14523
14535
|
showSummary: Boolean,
|
|
14524
14536
|
summaryFunc: {
|
|
14525
14537
|
type: [Function, Array],
|
|
@@ -14613,7 +14625,7 @@ const basicProps$3 = vue.reactive({
|
|
|
14613
14625
|
type: [String, Function],
|
|
14614
14626
|
default: ""
|
|
14615
14627
|
},
|
|
14616
|
-
bordered: utils.propTypes.bool.def(
|
|
14628
|
+
bordered: utils.propTypes.bool.def(false),
|
|
14617
14629
|
pagination: {
|
|
14618
14630
|
type: [Object, Boolean],
|
|
14619
14631
|
default: null
|
|
@@ -14780,7 +14792,6 @@ const _sfc_main$i = vue.defineComponent({
|
|
|
14780
14792
|
getFormSlotKeys,
|
|
14781
14793
|
handleSearchInfoChange
|
|
14782
14794
|
} = useTableForm(getProps, slots, fetch, getLoading);
|
|
14783
|
-
console.log("1", getFormProps.value);
|
|
14784
14795
|
const getBindValues = vue.computed(() => {
|
|
14785
14796
|
const dataSource = vue.unref(getDataSourceRef);
|
|
14786
14797
|
let propsData = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "3h1-ui",
|
|
3
|
-
"version": "2.8.
|
|
3
|
+
"version": "2.8.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
"vue-types": "^5.0.2",
|
|
32
32
|
"vxe-table": "^4.3.6",
|
|
33
33
|
"xe-utils": "^3.5.7",
|
|
34
|
-
"@shy-plugins/
|
|
35
|
-
"@shy-plugins/
|
|
34
|
+
"@shy-plugins/utils": "1.0.14",
|
|
35
|
+
"@shy-plugins/use": "1.0.3"
|
|
36
36
|
},
|
|
37
37
|
"types": "es/ui/index.d.ts",
|
|
38
38
|
"devDependencies": {
|