ll-plus 2.2.19 → 2.2.21
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/components/checkbox/index.d.ts +4 -0
- package/es/components/checkbox/src/checkbox-group.vue.d.ts +4 -0
- package/es/components/checkbox/src/checkbox-group.vue2.mjs +1 -1
- package/es/components/checkbox/src/checkbox-group.vue2.mjs.map +1 -1
- package/es/components/checkbox/src/checkbox.d.ts +1 -0
- package/es/components/checkbox/src/checkbox.mjs +4 -0
- package/es/components/checkbox/src/checkbox.mjs.map +1 -1
- package/es/components/key-value/src/components/key-value-item.vue2.mjs +11 -6
- package/es/components/key-value/src/components/key-value-item.vue2.mjs.map +1 -1
- package/es/components/key-value/src/key-value.vue2.mjs +8 -6
- package/es/components/key-value/src/key-value.vue2.mjs.map +1 -1
- package/es/components/uri-input/index.d.ts +4 -4
- package/es/components/uri-input/src/uri-input.d.ts +1 -1
- package/es/components/uri-input/src/uri-input.mjs +3 -3
- package/es/components/uri-input/src/uri-input.mjs.map +1 -1
- package/es/components/uri-input/src/uri-input.vue.d.ts +4 -4
- package/es/components/uri-input/src/uri-input.vue2.mjs +1 -1
- package/es/components/uri-input/src/uri-input.vue2.mjs.map +1 -1
- package/index.full.js +27 -16
- package/index.full.min.js +3 -3
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +9 -9
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +27 -16
- package/lib/components/checkbox/index.d.ts +4 -0
- package/lib/components/checkbox/src/checkbox-group.vue.d.ts +4 -0
- package/lib/components/checkbox/src/checkbox-group.vue2.js +1 -1
- package/lib/components/checkbox/src/checkbox-group.vue2.js.map +1 -1
- package/lib/components/checkbox/src/checkbox.d.ts +1 -0
- package/lib/components/checkbox/src/checkbox.js +4 -0
- package/lib/components/checkbox/src/checkbox.js.map +1 -1
- package/lib/components/key-value/src/components/key-value-item.vue2.js +10 -5
- package/lib/components/key-value/src/components/key-value-item.vue2.js.map +1 -1
- package/lib/components/key-value/src/key-value.vue2.js +8 -6
- package/lib/components/key-value/src/key-value.vue2.js.map +1 -1
- package/lib/components/uri-input/index.d.ts +4 -4
- package/lib/components/uri-input/src/uri-input.d.ts +1 -1
- package/lib/components/uri-input/src/uri-input.js +3 -3
- package/lib/components/uri-input/src/uri-input.js.map +1 -1
- package/lib/components/uri-input/src/uri-input.vue.d.ts +4 -4
- package/lib/components/uri-input/src/uri-input.vue2.js +1 -1
- package/lib/components/uri-input/src/uri-input.vue2.js.map +1 -1
- package/package.json +1 -1
- package/types/packages/components/checkbox/index.d.ts +4 -0
- package/types/packages/components/checkbox/src/checkbox-group.vue.d.ts +4 -0
- package/types/packages/components/checkbox/src/checkbox.d.ts +1 -0
- package/types/packages/components/uri-input/index.d.ts +4 -4
- package/types/packages/components/uri-input/src/uri-input.d.ts +1 -1
- package/types/packages/components/uri-input/src/uri-input.vue.d.ts +4 -4
package/index.full.mjs
CHANGED
|
@@ -4865,6 +4865,10 @@ const checkboxGroupProps = buildProps({
|
|
|
4865
4865
|
type: definePropType(Object),
|
|
4866
4866
|
default: () => {
|
|
4867
4867
|
}
|
|
4868
|
+
},
|
|
4869
|
+
allSpan: {
|
|
4870
|
+
type: Number,
|
|
4871
|
+
default: 24
|
|
4868
4872
|
}
|
|
4869
4873
|
});
|
|
4870
4874
|
|
|
@@ -4946,7 +4950,7 @@ var _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
|
4946
4950
|
renderList(props.options, (item, idx) => {
|
|
4947
4951
|
return openBlock(), createBlock(unref(Col), mergeProps({ ref_for: true }, item.colOptions, {
|
|
4948
4952
|
key: idx,
|
|
4949
|
-
span: item.span ||
|
|
4953
|
+
span: item.span || props.allSpan,
|
|
4950
4954
|
class: unref(bem).e("item")
|
|
4951
4955
|
}), {
|
|
4952
4956
|
default: withCtx(() => [
|
|
@@ -58227,9 +58231,15 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
58227
58231
|
};
|
|
58228
58232
|
watch(
|
|
58229
58233
|
innerValue,
|
|
58230
|
-
(val) => {
|
|
58231
|
-
|
|
58232
|
-
|
|
58234
|
+
async (val) => {
|
|
58235
|
+
await nextTick().then(() => {
|
|
58236
|
+
try {
|
|
58237
|
+
emits("update:value", val);
|
|
58238
|
+
emits("change");
|
|
58239
|
+
} catch (error) {
|
|
58240
|
+
console.error(error);
|
|
58241
|
+
}
|
|
58242
|
+
});
|
|
58233
58243
|
},
|
|
58234
58244
|
{
|
|
58235
58245
|
deep: true
|
|
@@ -58288,8 +58298,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
58288
58298
|
"onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value["key"] = $event)
|
|
58289
58299
|
}, getKeyType.value, {
|
|
58290
58300
|
disabled: getKeyDisabled.value,
|
|
58291
|
-
style: { "width": "100%" }
|
|
58292
|
-
onChange: handleChange
|
|
58301
|
+
style: { "width": "100%" }
|
|
58293
58302
|
}), createSlots({
|
|
58294
58303
|
_: 2
|
|
58295
58304
|
/* DYNAMIC */
|
|
@@ -58437,9 +58446,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
58437
58446
|
const props = __props;
|
|
58438
58447
|
const emits = __emit;
|
|
58439
58448
|
const bem = createNamespace("key-value");
|
|
58440
|
-
const innerValue = ref(
|
|
58441
|
-
props.value && props.value.length > 0 ? props.value : [{ key: null, value: null }]
|
|
58442
|
-
);
|
|
58449
|
+
const innerValue = ref([]);
|
|
58443
58450
|
const keyValueItems = ref([]);
|
|
58444
58451
|
const keyValueTypeDict = computed(() => {
|
|
58445
58452
|
const obj = {};
|
|
@@ -58463,8 +58470,12 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
58463
58470
|
handleChange();
|
|
58464
58471
|
};
|
|
58465
58472
|
const handleChange = () => {
|
|
58466
|
-
|
|
58467
|
-
|
|
58473
|
+
try {
|
|
58474
|
+
emits("change", innerValue.value);
|
|
58475
|
+
emits("update:value", innerValue.value);
|
|
58476
|
+
} catch (error) {
|
|
58477
|
+
console.error(error);
|
|
58478
|
+
}
|
|
58468
58479
|
};
|
|
58469
58480
|
watch(
|
|
58470
58481
|
() => props.value,
|
|
@@ -58495,7 +58506,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
58495
58506
|
null,
|
|
58496
58507
|
renderList(innerValue.value, (_item, idx) => {
|
|
58497
58508
|
return openBlock(), createBlock(keyValueItem, {
|
|
58498
|
-
key:
|
|
58509
|
+
key: _item,
|
|
58499
58510
|
ref_for: true,
|
|
58500
58511
|
ref: (el) => keyValueItems.value[idx] = el,
|
|
58501
58512
|
value: innerValue.value[idx],
|
|
@@ -76265,13 +76276,13 @@ const httpUriOptions = [
|
|
|
76265
76276
|
];
|
|
76266
76277
|
const getHttpMethodUri = (uri) => {
|
|
76267
76278
|
let prefix = "http://";
|
|
76268
|
-
let url = uri;
|
|
76279
|
+
let url = uri ? uri : "";
|
|
76269
76280
|
try {
|
|
76270
76281
|
const urlObject = new URL(uri);
|
|
76271
76282
|
if (!prefix.includes(urlObject.protocol)) {
|
|
76272
76283
|
prefix = "https://";
|
|
76273
76284
|
}
|
|
76274
|
-
url =
|
|
76285
|
+
url = uri.replace(prefix, "");
|
|
76275
76286
|
} catch (error) {
|
|
76276
76287
|
}
|
|
76277
76288
|
return {
|
|
@@ -76281,7 +76292,7 @@ const getHttpMethodUri = (uri) => {
|
|
|
76281
76292
|
};
|
|
76282
76293
|
const uriInputProps = buildProps({
|
|
76283
76294
|
value: {
|
|
76284
|
-
type: String,
|
|
76295
|
+
type: [String, null],
|
|
76285
76296
|
default: ""
|
|
76286
76297
|
},
|
|
76287
76298
|
suffix: {
|
|
@@ -76313,7 +76324,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
76313
76324
|
return omit(attrs, Object.keys(uriInputProps));
|
|
76314
76325
|
});
|
|
76315
76326
|
const handleChange = () => {
|
|
76316
|
-
const url = innerPrefix.value + innerValue.value + (props.suffix || "");
|
|
76327
|
+
const url = innerValue.value ? innerPrefix.value + innerValue.value + (props.suffix || "") : "";
|
|
76317
76328
|
emits("update:value", url);
|
|
76318
76329
|
emits("change", url);
|
|
76319
76330
|
};
|
|
@@ -665,6 +665,7 @@ export declare const LlCheckboxGroup: import("ll-plus/es/utils").SFCWithInstall<
|
|
|
665
665
|
default: any;
|
|
666
666
|
};
|
|
667
667
|
}>>))[], unknown, unknown, () => void, boolean>;
|
|
668
|
+
readonly allSpan: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 24, boolean>;
|
|
668
669
|
}, {
|
|
669
670
|
props: import("@vue/shared").LooseRequired<{
|
|
670
671
|
readonly options: (import("ant-design-vue").CheckboxOptionType & {
|
|
@@ -751,6 +752,7 @@ export declare const LlCheckboxGroup: import("ll-plus/es/utils").SFCWithInstall<
|
|
|
751
752
|
default: any;
|
|
752
753
|
};
|
|
753
754
|
}>>;
|
|
755
|
+
readonly allSpan: number;
|
|
754
756
|
} & {}>;
|
|
755
757
|
bem: {
|
|
756
758
|
b: (blockSuffix?: string) => string;
|
|
@@ -1904,6 +1906,7 @@ export declare const LlCheckboxGroup: import("ll-plus/es/utils").SFCWithInstall<
|
|
|
1904
1906
|
default: any;
|
|
1905
1907
|
};
|
|
1906
1908
|
}>>))[], unknown, unknown, () => void, boolean>;
|
|
1909
|
+
readonly allSpan: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 24, boolean>;
|
|
1907
1910
|
}>>, {
|
|
1908
1911
|
readonly options: (import("ant-design-vue").CheckboxOptionType & {
|
|
1909
1912
|
colOptions?: Partial<import("vue").ExtractPropTypes<{
|
|
@@ -1989,6 +1992,7 @@ export declare const LlCheckboxGroup: import("ll-plus/es/utils").SFCWithInstall<
|
|
|
1989
1992
|
default: any;
|
|
1990
1993
|
};
|
|
1991
1994
|
}>>;
|
|
1995
|
+
readonly allSpan: number;
|
|
1992
1996
|
}, {}>>;
|
|
1993
1997
|
export * from './src/checkbox';
|
|
1994
1998
|
declare module 'vue' {
|
|
@@ -329,6 +329,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
329
329
|
default: any;
|
|
330
330
|
};
|
|
331
331
|
}>>))[], unknown, unknown, () => void, boolean>;
|
|
332
|
+
readonly allSpan: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 24, boolean>;
|
|
332
333
|
}, {
|
|
333
334
|
props: import("@vue/shared").LooseRequired<{
|
|
334
335
|
readonly options: (import("ant-design-vue").CheckboxOptionType & {
|
|
@@ -415,6 +416,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
415
416
|
default: any;
|
|
416
417
|
};
|
|
417
418
|
}>>;
|
|
419
|
+
readonly allSpan: number;
|
|
418
420
|
} & {}>;
|
|
419
421
|
bem: {
|
|
420
422
|
b: (blockSuffix?: string) => string;
|
|
@@ -1568,6 +1570,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1568
1570
|
default: any;
|
|
1569
1571
|
};
|
|
1570
1572
|
}>>))[], unknown, unknown, () => void, boolean>;
|
|
1573
|
+
readonly allSpan: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 24, boolean>;
|
|
1571
1574
|
}>>, {
|
|
1572
1575
|
readonly options: (import("ant-design-vue").CheckboxOptionType & {
|
|
1573
1576
|
colOptions?: Partial<import("vue").ExtractPropTypes<{
|
|
@@ -1653,5 +1656,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1653
1656
|
default: any;
|
|
1654
1657
|
};
|
|
1655
1658
|
}>>;
|
|
1659
|
+
readonly allSpan: number;
|
|
1656
1660
|
}, {}>;
|
|
1657
1661
|
export default _default;
|
|
@@ -34,7 +34,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
34
34
|
vue.renderList(props.options, (item, idx) => {
|
|
35
35
|
return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Col), vue.mergeProps({ ref_for: true }, item.colOptions, {
|
|
36
36
|
key: idx,
|
|
37
|
-
span: item.span ||
|
|
37
|
+
span: item.span || props.allSpan,
|
|
38
38
|
class: vue.unref(bem).e("item")
|
|
39
39
|
}), {
|
|
40
40
|
default: vue.withCtx(() => [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-group.vue2.js","sources":["../../../../../packages/components/checkbox/src/checkbox-group.vue"],"sourcesContent":["<template>\n <CheckboxGroup :class=\"bem.b()\" v-bind=\"attrs\">\n <Row v-bind=\"props.rowOptions\">\n <Col\n v-for=\"(item, idx) in props.options\"\n v-bind=\"item.colOptions\"\n :key=\"idx\"\n :span=\"item.span ||
|
|
1
|
+
{"version":3,"file":"checkbox-group.vue2.js","sources":["../../../../../packages/components/checkbox/src/checkbox-group.vue"],"sourcesContent":["<template>\n <CheckboxGroup :class=\"bem.b()\" v-bind=\"attrs\">\n <Row v-bind=\"props.rowOptions\">\n <Col\n v-for=\"(item, idx) in props.options\"\n v-bind=\"item.colOptions\"\n :key=\"idx\"\n :span=\"item.span || props.allSpan\"\n :class=\"bem.e('item')\"\n >\n <checkbox v-bind=\"item\">\n <slot v-bind=\"item\">\n {{ item.label }}\n </slot>\n </checkbox>\n </Col>\n </Row>\n </CheckboxGroup>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAttrs } from 'vue'\nimport { Row, Col, CheckboxGroup } from 'ant-design-vue'\nimport { checkboxGroupProps } from './checkbox'\nimport Checkbox from './checkbox.vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\ndefineOptions({ name: 'LlCheckboxGroup' })\n\nconst props = defineProps(checkboxGroupProps)\n\nconst bem = createNamespace('checkbox-group')\n\nconst attrs = useAttrs()\n</script>\n"],"names":["createNamespace","useAttrs"],"mappings":";;;;;;;;;;;;;;;;;AA8BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAMA,gCAAgB,gBAAgB,CAAA,CAAA;AAE5C,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -197,6 +197,7 @@ export declare const checkboxGroupProps: {
|
|
|
197
197
|
default: any;
|
|
198
198
|
};
|
|
199
199
|
}>>))[], unknown, unknown, () => void, boolean>;
|
|
200
|
+
readonly allSpan: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 24, boolean>;
|
|
200
201
|
};
|
|
201
202
|
export type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
|
|
202
203
|
export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sources":["../../../../../packages/components/checkbox/src/checkbox.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nimport type { RowProps, ColProps, CheckboxOptionType } from 'ant-design-vue'\n\nimport type Checkbox from './checkbox.vue'\n\nimport type CheckboxGroup from './checkbox-group.vue'\n\ntype option = CheckboxOptionType & {\n colOptions?: ColProps\n label: string\n span?: number\n}\nexport const checkboxProps = buildProps({\n checkboxLabel: {\n type: String,\n default: ''\n }\n} as const)\n\nexport const checkboxGroupProps = buildProps({\n options: {\n type: definePropType<option[]>(Array),\n default: () => []\n },\n rowOptions: {\n type: definePropType<RowProps>(Object),\n default: () => {}\n }\n} as const)\n\n// props\nexport type CheckboxProps = ExtractPropTypes<typeof checkboxProps>\nexport type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>\n\n// instance\nexport type CheckboxInstance = InstanceType<typeof Checkbox>\nexport type CheckboxGroupInstance = InstanceType<typeof CheckboxGroup>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAeO,MAAM,gBAAgBA,kBAAW,CAAA;AAAA,EACtC,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,qBAAqBA,kBAAW,CAAA;AAAA,EAC3C,OAAS,EAAA;AAAA,IACP,IAAA,EAAMC,uBAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMA,uBAAyB,MAAM,CAAA;AAAA,IACrC,SAAS,MAAM;AAAA,KAAC;AAAA,GAClB;AACF,CAAU;;;;;"}
|
|
1
|
+
{"version":3,"file":"checkbox.js","sources":["../../../../../packages/components/checkbox/src/checkbox.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nimport type { RowProps, ColProps, CheckboxOptionType } from 'ant-design-vue'\n\nimport type Checkbox from './checkbox.vue'\n\nimport type CheckboxGroup from './checkbox-group.vue'\n\ntype option = CheckboxOptionType & {\n colOptions?: ColProps\n label: string\n span?: number\n}\nexport const checkboxProps = buildProps({\n checkboxLabel: {\n type: String,\n default: ''\n }\n} as const)\n\nexport const checkboxGroupProps = buildProps({\n options: {\n type: definePropType<option[]>(Array),\n default: () => []\n },\n rowOptions: {\n type: definePropType<RowProps>(Object),\n default: () => {}\n },\n allSpan: {\n type: Number,\n default: 24\n }\n} as const)\n\n// props\nexport type CheckboxProps = ExtractPropTypes<typeof checkboxProps>\nexport type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>\n\n// instance\nexport type CheckboxInstance = InstanceType<typeof Checkbox>\nexport type CheckboxGroupInstance = InstanceType<typeof CheckboxGroup>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAeO,MAAM,gBAAgBA,kBAAW,CAAA;AAAA,EACtC,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,qBAAqBA,kBAAW,CAAA;AAAA,EAC3C,OAAS,EAAA;AAAA,IACP,IAAA,EAAMC,uBAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMA,uBAAyB,MAAM,CAAA;AAAA,IACrC,SAAS,MAAM;AAAA,KAAC;AAAA,GAClB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU;;;;;"}
|
|
@@ -59,9 +59,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
59
59
|
};
|
|
60
60
|
vue.watch(
|
|
61
61
|
innerValue,
|
|
62
|
-
(val) => {
|
|
63
|
-
|
|
64
|
-
|
|
62
|
+
async (val) => {
|
|
63
|
+
await vue.nextTick().then(() => {
|
|
64
|
+
try {
|
|
65
|
+
emits("update:value", val);
|
|
66
|
+
emits("change");
|
|
67
|
+
} catch (error) {
|
|
68
|
+
console.error(error);
|
|
69
|
+
}
|
|
70
|
+
});
|
|
65
71
|
},
|
|
66
72
|
{
|
|
67
73
|
deep: true
|
|
@@ -120,8 +126,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
120
126
|
"onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value["key"] = $event)
|
|
121
127
|
}, getKeyType.value, {
|
|
122
128
|
disabled: getKeyDisabled.value,
|
|
123
|
-
style: { "width": "100%" }
|
|
124
|
-
onChange: handleChange
|
|
129
|
+
style: { "width": "100%" }
|
|
125
130
|
}), vue.createSlots({
|
|
126
131
|
_: 2
|
|
127
132
|
/* DYNAMIC */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"key-value-item.vue2.js","sources":["../../../../../../packages/components/key-value/src/components/key-value-item.vue"],"sourcesContent":["<template>\n <ll-form\n ref=\"form\"\n :form-columns=\"formColumns\"\n :form-data=\"props.value\"\n :form-options=\"formOptions\"\n >\n <template #formItem=\"{ item }\">\n <template v-if=\"item.key === 'other'\">\n <div :class=\"bem.e('item')\">\n <div\n v-if=\"attrs['key-value-type'] !== 'single'\"\n :class=\"bem.m('left')\"\n >\n <ll-form-item\n :label=\"attrs['key-label']\"\n :label-col=\"{\n span: 24\n }\"\n :rules=\"getKeyType.role\"\n name=\"key\"\n >\n <slot name=\"key\">\n <ll-select\n v-if=\"!isEmpty(attrs['key-types'])\"\n v-model:value=\"innerValue['key']\"\n :options=\"attrs['key-types']\"\n :disabled=\"getKeyDisabled\"\n placeholder=\"请选择\"\n allow-clear\n @change=\"handleChange\"\n />\n <component\n :is=\"`ll-${getKeyType.type}`\"\n v-else\n v-model:value=\"innerValue['key']\"\n v-bind=\"getKeyType\"\n :disabled=\"getKeyDisabled\"\n style=\"width: 100%\"\n
|
|
1
|
+
{"version":3,"file":"key-value-item.vue2.js","sources":["../../../../../../packages/components/key-value/src/components/key-value-item.vue"],"sourcesContent":["<template>\n <ll-form\n ref=\"form\"\n :form-columns=\"formColumns\"\n :form-data=\"props.value\"\n :form-options=\"formOptions\"\n >\n <template #formItem=\"{ item }\">\n <template v-if=\"item.key === 'other'\">\n <div :class=\"bem.e('item')\">\n <div\n v-if=\"attrs['key-value-type'] !== 'single'\"\n :class=\"bem.m('left')\"\n >\n <ll-form-item\n :label=\"attrs['key-label']\"\n :label-col=\"{\n span: 24\n }\"\n :rules=\"getKeyType.role\"\n name=\"key\"\n >\n <slot name=\"key\">\n <ll-select\n v-if=\"!isEmpty(attrs['key-types'])\"\n v-model:value=\"innerValue['key']\"\n :options=\"attrs['key-types']\"\n :disabled=\"getKeyDisabled\"\n placeholder=\"请选择\"\n allow-clear\n @change=\"handleChange\"\n />\n <component\n :is=\"`ll-${getKeyType.type}`\"\n v-else\n v-model:value=\"innerValue['key']\"\n v-bind=\"getKeyType\"\n :disabled=\"getKeyDisabled\"\n style=\"width: 100%\"\n >\n <template\n v-for=\"_item in Object.keys($slots)\"\n :key=\"_item\"\n #[_item]=\"data\"\n >\n <slot\n :name=\"_item\"\n v-bind=\"data || {}\"\n content=\"key\"\n ></slot>\n </template>\n </component>\n </slot>\n </ll-form-item>\n </div>\n\n <div\n v-if=\"attrs['key-value-type'] !== 'single'\"\n :class=\"bem.m('separator')\"\n :style=\"{\n 'margin-top':\n !!attrs['key-label'] || !!attrs['value-label'] ? '26px' : '0px'\n }\"\n >\n <slot name=\"separator\">~</slot>\n </div>\n\n <div :class=\"bem.m('right')\">\n <ll-form-item\n :label=\"attrs['value-label']\"\n :label-col=\"{\n span: 24\n }\"\n :rule=\"getValueType.rule || {}\"\n name=\"value\"\n >\n <slot name=\"value-warapper\" v-bind=\"getValueType\">\n <component\n :is=\"`ll-${getValueType.type}`\"\n v-model:value=\"innerValue['value']\"\n :disabled=\"getValueDisabled\"\n style=\"width: 100%\"\n v-bind=\"getValueType\"\n >\n <template\n v-for=\"_item in Object.keys($slots)\"\n :key=\"_item\"\n #[_item]=\"data\"\n >\n <slot\n :name=\"_item\"\n v-bind=\"data || {}\"\n content=\"value\"\n ></slot>\n </template>\n </component>\n </slot>\n </ll-form-item>\n </div>\n\n <a-popconfirm\n title=\"你确定要移除?\"\n ok-text=\"确认\"\n cancel-text=\"取消\"\n placement=\"topRight\"\n :overlay-class-name=\"bem.m('popconfirm')\"\n @confirm=\"handleDelete\"\n >\n <div\n v-if=\"props.showDelete\"\n :class=\"bem.m('delete')\"\n :style=\"{\n 'margin-top':\n !!attrs['key-label'] || !!attrs['value-label']\n ? '26px'\n : '0px'\n }\"\n >\n <ll-button type=\"link\" :disabled=\"getDeleteDisabled\">\n <slot name=\"delete-icon\">\n <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n </slot>\n </ll-button>\n </div>\n </a-popconfirm>\n </div>\n </template>\n </template>\n </ll-form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch, nextTick } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n typeRules,\n keyValueItemProps,\n keyValueItemEmits,\n formColumns,\n formOptions\n} from '../config'\nimport { type FormColumn } from '@ll-plus/components'\n\ndefineOptions({\n name: 'LlKeyValueItem'\n})\n\nconst props = defineProps(keyValueItemProps)\nconst emits = defineEmits(keyValueItemEmits)\n\nconst attrs = useAttrs()\nconst bem = createNamespace('key-value')\nconst innerValue = ref(props.value)\n\nconst getKeyType = computed<FormColumn>(() => {\n const option = attrs['key-type'] || {\n type: 'input',\n placeholder: '请输入',\n rule: typeRules || []\n }\n return option\n})\nconst getValueType = computed<FormColumn>(() => {\n let option = attrs['value-type'] || {\n type: 'input',\n placeholder: '请输入',\n rule: []\n }\n if (innerValue.value['key'] && !isEmpty(props.keyValueTypeDict)) {\n option = props.keyValueTypeDict[innerValue.value['key']]\n }\n return option\n})\n\nconst getKeyDisabled = computed(() => {\n return (\n props.disabledKey?.includes(props.idx) ||\n props.disabled ||\n getKeyType.value?.disabled\n )\n})\n\nconst getValueDisabled = computed(() => {\n return (\n props.disabledValue?.includes(props.idx) ||\n props.disabled ||\n getValueType.value?.disabled\n )\n})\n\nconst getDeleteDisabled = computed(() => {\n return props.disabledDelete?.includes(props.idx) || props.disabled\n})\n\nconst handleDelete = () => {\n emits('delete')\n}\n\nconst handleChange = () => {\n innerValue.value['value'] = ''\n}\n\nwatch(\n innerValue,\n async val => {\n await nextTick().then(() => {\n try {\n emits('update:value', val)\n emits('change')\n } catch (error) {\n console.error(error)\n }\n })\n },\n {\n deep: true\n }\n)\n</script>\n\n<style scoped></style>\n"],"names":["useAttrs","createNamespace","ref","computed","typeRules","isEmpty","watch","nextTick"],"mappings":"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"}
|
|
@@ -19,9 +19,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
19
19
|
const props = __props;
|
|
20
20
|
const emits = __emit;
|
|
21
21
|
const bem = createNamespace.createNamespace("key-value");
|
|
22
|
-
const innerValue = vue.ref(
|
|
23
|
-
props.value && props.value.length > 0 ? props.value : [{ key: null, value: null }]
|
|
24
|
-
);
|
|
22
|
+
const innerValue = vue.ref([]);
|
|
25
23
|
const keyValueItems = vue.ref([]);
|
|
26
24
|
const keyValueTypeDict = vue.computed(() => {
|
|
27
25
|
const obj = {};
|
|
@@ -45,8 +43,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
45
43
|
handleChange();
|
|
46
44
|
};
|
|
47
45
|
const handleChange = () => {
|
|
48
|
-
|
|
49
|
-
|
|
46
|
+
try {
|
|
47
|
+
emits("change", innerValue.value);
|
|
48
|
+
emits("update:value", innerValue.value);
|
|
49
|
+
} catch (error) {
|
|
50
|
+
console.error(error);
|
|
51
|
+
}
|
|
50
52
|
};
|
|
51
53
|
vue.watch(
|
|
52
54
|
() => props.value,
|
|
@@ -77,7 +79,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
77
79
|
null,
|
|
78
80
|
vue.renderList(innerValue.value, (_item, idx) => {
|
|
79
81
|
return vue.openBlock(), vue.createBlock(keyValueItem.default, {
|
|
80
|
-
key:
|
|
82
|
+
key: _item,
|
|
81
83
|
ref_for: true,
|
|
82
84
|
ref: (el) => keyValueItems.value[idx] = el,
|
|
83
85
|
value: innerValue.value[idx],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"key-value.vue2.js","sources":["../../../../../packages/components/key-value/src/key-value.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <a-spin :spinning=\"props.loading\">\n <key-value-item\n v-for=\"(_item, idx) in innerValue\"\n :key=\"
|
|
1
|
+
{"version":3,"file":"key-value.vue2.js","sources":["../../../../../packages/components/key-value/src/key-value.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <a-spin :spinning=\"props.loading\">\n <key-value-item\n v-for=\"(_item, idx) in innerValue\"\n :key=\"_item\"\n :ref=\"el => (keyValueItems[idx] = el)\"\n v-model:value=\"innerValue[idx]\"\n :idx=\"idx\"\n :key-label=\"props.keyLabel\"\n :value-label=\"props.valueLabel\"\n :key-value-type-dict=\"keyValueTypeDict\"\n :show-delete=\"idx > 0\"\n :key-value-type=\"props.keyValueType\"\n :key-type=\"props.keyType\"\n :key-types=\"props.keyTypes\"\n :value-type=\"props.valueType\"\n :disabled=\"props.disabled\"\n :disabled-value=\"props.disabledValue\"\n :disabled-key=\"props.disabledKey\"\n :disabled-delete=\"props.disabledDelete\"\n @delete=\"handleDelete(idx)\"\n @change=\"handleChange\"\n >\n <template\n v-for=\"item in Object.keys($slots)\"\n :key=\"item\"\n #[item]=\"data\"\n >\n <slot :name=\"item\" v-bind=\"data || {}\" :index=\"idx\"></slot>\n </template>\n </key-value-item>\n <ll-button\n :class=\"bem.e('add')\"\n :loading=\"loading\"\n :disabled=\"props.disabled || props.disabledAdd\"\n @click=\"handleAddItem\"\n >\n <div :class=\"bem.e('plus')\">\n <ll-icon\n v-if=\"!loading\"\n icon-name=\"icon-add\"\n :class=\"bem.e('icon-add')\"\n />\n {{ props.addText }}\n </div>\n </ll-button>\n </a-spin>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n keyValueProps,\n keyValueEmits,\n getKeyValueItem,\n type KeyValueItem\n} from './config'\nimport keyValueItem from './components/key-value-item.vue'\n\ndefineOptions({ name: 'LlKeyValue' })\n\nconst props = defineProps(keyValueProps)\nconst emits = defineEmits(keyValueEmits)\nconst bem = createNamespace('key-value')\n\nconst innerValue = ref<KeyValueItem[]>([])\n\nconst keyValueItems = ref<any[]>([])\n\nconst keyValueTypeDict = computed(() => {\n const obj = {}\n props.keyTypes.map(e => {\n obj[e.value] = e.option\n })\n return obj\n})\n\nconst handleAddItem = () => {\n innerValue.value.push(getKeyValueItem())\n emits('add', {\n index: innerValue.value.length - 1,\n item: innerValue.value[innerValue.value.length - 1],\n value: innerValue.value\n })\n handleChange()\n}\n\nconst handleDelete = (idx: number) => {\n innerValue.value.splice(idx, 1)\n emits('delete', idx)\n handleChange()\n}\n\nconst handleChange = () => {\n try {\n emits('change', innerValue.value)\n emits('update:value', innerValue.value)\n } catch (error) {\n console.error(error)\n }\n}\n\nwatch(\n () => props.value,\n n => {\n innerValue.value = n && n.length > 0 ? n : [{ key: null, value: null }]\n },\n {\n immediate: true,\n deep: true\n }\n)\n</script>\n"],"names":["createNamespace","ref","computed","getKeyValueItem","watch"],"mappings":";;;;;;;;;;;;;;;;;;AAgEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAMA,gCAAgB,WAAW,CAAA,CAAA;AAEvC,IAAM,MAAA,UAAA,GAAaC,OAAoB,CAAA,EAAE,CAAA,CAAA;AAEzC,IAAM,MAAA,aAAA,GAAgBA,OAAW,CAAA,EAAE,CAAA,CAAA;AAEnC,IAAM,MAAA,gBAAA,GAAmBC,aAAS,MAAM;AACtC,MAAA,MAAM,MAAM,EAAC,CAAA;AACb,MAAM,KAAA,CAAA,QAAA,CAAS,IAAI,CAAK,CAAA,KAAA;AACtB,QAAI,GAAA,CAAA,CAAA,CAAE,KAAK,CAAA,GAAI,CAAE,CAAA,MAAA,CAAA;AAAA,OAClB,CAAA,CAAA;AACD,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAW,UAAA,CAAA,KAAA,CAAM,IAAK,CAAAC,wBAAA,EAAiB,CAAA,CAAA;AACvC,MAAA,KAAA,CAAM,KAAO,EAAA;AAAA,QACX,KAAA,EAAO,UAAW,CAAA,KAAA,CAAM,MAAS,GAAA,CAAA;AAAA,QACjC,MAAM,UAAW,CAAA,KAAA,CAAM,UAAW,CAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA,QAClD,OAAO,UAAW,CAAA,KAAA;AAAA,OACnB,CAAA,CAAA;AACD,MAAa,YAAA,EAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,GAAgB,KAAA;AACpC,MAAW,UAAA,CAAA,KAAA,CAAM,MAAO,CAAA,GAAA,EAAK,CAAC,CAAA,CAAA;AAC9B,MAAA,KAAA,CAAM,UAAU,GAAG,CAAA,CAAA;AACnB,MAAa,YAAA,EAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAI,IAAA;AACF,QAAM,KAAA,CAAA,QAAA,EAAU,WAAW,KAAK,CAAA,CAAA;AAChC,QAAM,KAAA,CAAA,cAAA,EAAgB,WAAW,KAAK,CAAA,CAAA;AAAA,eAC/B,KAAO,EAAA;AACd,QAAA,OAAA,CAAQ,MAAM,KAAK,CAAA,CAAA;AAAA,OACrB;AAAA,KACF,CAAA;AAEA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAK,CAAA,KAAA;AACH,QAAA,UAAA,CAAW,KAAQ,GAAA,CAAA,IAAK,CAAE,CAAA,MAAA,GAAS,CAAI,GAAA,CAAA,GAAI,CAAC,EAAE,GAAK,EAAA,IAAA,EAAM,KAAO,EAAA,IAAA,EAAM,CAAA,CAAA;AAAA,OACxE;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,QACX,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
* @file LlUriInput组件引出
|
|
3
3
|
*/
|
|
4
4
|
export declare const LlUriInput: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
5
|
-
readonly value: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
5
|
+
readonly value: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, null], unknown, unknown, "", boolean>;
|
|
6
6
|
readonly suffix: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
7
7
|
readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
8
8
|
}, {
|
|
9
9
|
props: import("@vue/shared").LooseRequired<{
|
|
10
|
-
readonly value:
|
|
10
|
+
readonly value: any;
|
|
11
11
|
readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
12
12
|
readonly suffix: string;
|
|
13
13
|
readonly onChange?: ((value: string) => any) | undefined;
|
|
@@ -31,14 +31,14 @@ export declare const LlUriInput: import("ll-plus/es/utils").SFCWithInstall<impor
|
|
|
31
31
|
'update:value': (value: string) => boolean;
|
|
32
32
|
change: (value: string) => boolean;
|
|
33
33
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
34
|
-
readonly value: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
34
|
+
readonly value: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, null], unknown, unknown, "", boolean>;
|
|
35
35
|
readonly suffix: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
36
36
|
readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
37
37
|
}>> & {
|
|
38
38
|
onChange?: ((value: string) => any) | undefined;
|
|
39
39
|
"onUpdate:value"?: ((value: string) => any) | undefined;
|
|
40
40
|
}, {
|
|
41
|
-
readonly value:
|
|
41
|
+
readonly value: any;
|
|
42
42
|
readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
43
43
|
readonly suffix: string;
|
|
44
44
|
}, {}>>;
|
|
@@ -9,7 +9,7 @@ export declare const getHttpMethodUri: (uri: string) => {
|
|
|
9
9
|
url: string;
|
|
10
10
|
};
|
|
11
11
|
export declare const uriInputProps: {
|
|
12
|
-
readonly value: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
12
|
+
readonly value: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, null], unknown, unknown, "", boolean>;
|
|
13
13
|
readonly suffix: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
14
14
|
readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
15
15
|
};
|
|
@@ -16,13 +16,13 @@ const httpUriOptions = [
|
|
|
16
16
|
];
|
|
17
17
|
const getHttpMethodUri = (uri) => {
|
|
18
18
|
let prefix = "http://";
|
|
19
|
-
let url = uri;
|
|
19
|
+
let url = uri ? uri : "";
|
|
20
20
|
try {
|
|
21
21
|
const urlObject = new URL(uri);
|
|
22
22
|
if (!prefix.includes(urlObject.protocol)) {
|
|
23
23
|
prefix = "https://";
|
|
24
24
|
}
|
|
25
|
-
url =
|
|
25
|
+
url = uri.replace(prefix, "");
|
|
26
26
|
} catch (error) {
|
|
27
27
|
}
|
|
28
28
|
return {
|
|
@@ -32,7 +32,7 @@ const getHttpMethodUri = (uri) => {
|
|
|
32
32
|
};
|
|
33
33
|
const uriInputProps = runtime.buildProps({
|
|
34
34
|
value: {
|
|
35
|
-
type: String,
|
|
35
|
+
type: [String, null],
|
|
36
36
|
default: ""
|
|
37
37
|
},
|
|
38
38
|
suffix: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uri-input.js","sources":["../../../../../packages/components/uri-input/src/uri-input.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nimport type UriInput from './uri-input.vue'\n\nexport const httpUriOptions = [\n {\n label: 'Http://',\n value: 'http://'\n },\n {\n label: 'Https://',\n value: 'https://'\n }\n]\n\nexport const getHttpMethodUri = (uri: string) => {\n let prefix = 'http://'\n let url = uri\n try {\n const urlObject = new URL(uri)\n if (!prefix.includes(urlObject.protocol)) {\n prefix = 'https://'\n }\n url =
|
|
1
|
+
{"version":3,"file":"uri-input.js","sources":["../../../../../packages/components/uri-input/src/uri-input.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nimport type UriInput from './uri-input.vue'\n\nexport const httpUriOptions = [\n {\n label: 'Http://',\n value: 'http://'\n },\n {\n label: 'Https://',\n value: 'https://'\n }\n]\n\nexport const getHttpMethodUri = (uri: string) => {\n let prefix = 'http://'\n let url = uri ? uri : ''\n try {\n const urlObject = new URL(uri)\n if (!prefix.includes(urlObject.protocol)) {\n prefix = 'https://'\n }\n url = uri.replace(prefix, '')\n } catch (error) {\n // Ignore the error\n }\n\n return {\n prefix,\n url\n }\n}\n\nexport const uriInputProps = buildProps({\n value: {\n type: [String, null],\n default: ''\n },\n suffix: {\n type: String,\n default: ''\n },\n disabled: {\n type: Boolean,\n default: false\n }\n} as const)\n\nexport const uriInputEmits = {\n 'update:value': (value: string) => typeof value === 'string',\n change: (value: string) => typeof value === 'string'\n}\n\n// props\nexport type UriInputProps = ExtractPropTypes<typeof uriInputProps>\n\n// emits\nexport type UriInputEmits = typeof uriInputEmits\n\n// instance\nexport type UriInputInstance = InstanceType<typeof UriInput>\n"],"names":["buildProps"],"mappings":";;;;;;AAMO,MAAM,cAAiB,GAAA;AAAA,EAC5B;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,UAAA;AAAA,IACP,KAAO,EAAA,UAAA;AAAA,GACT;AACF,EAAA;AAEa,MAAA,gBAAA,GAAmB,CAAC,GAAgB,KAAA;AAC/C,EAAA,IAAI,MAAS,GAAA,SAAA,CAAA;AACb,EAAI,IAAA,GAAA,GAAM,MAAM,GAAM,GAAA,EAAA,CAAA;AACtB,EAAI,IAAA;AACF,IAAM,MAAA,SAAA,GAAY,IAAI,GAAA,CAAI,GAAG,CAAA,CAAA;AAC7B,IAAA,IAAI,CAAC,MAAA,CAAO,QAAS,CAAA,SAAA,CAAU,QAAQ,CAAG,EAAA;AACxC,MAAS,MAAA,GAAA,UAAA,CAAA;AAAA,KACX;AACA,IAAM,GAAA,GAAA,GAAA,CAAI,OAAQ,CAAA,MAAA,EAAQ,EAAE,CAAA,CAAA;AAAA,WACrB,KAAO,EAAA;AAAA,GAEhB;AAEA,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,GAAA;AAAA,GACF,CAAA;AACF,EAAA;AAEO,MAAM,gBAAgBA,kBAAW,CAAA;AAAA,EACtC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,IAAI,CAAA;AAAA,IACnB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,aAAgB,GAAA;AAAA,EAC3B,cAAgB,EAAA,CAAC,KAAkB,KAAA,OAAO,KAAU,KAAA,QAAA;AAAA,EACpD,MAAQ,EAAA,CAAC,KAAkB,KAAA,OAAO,KAAU,KAAA,QAAA;AAC9C;;;;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
declare const _default: import("vue").DefineComponent<{
|
|
2
|
-
readonly value: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
2
|
+
readonly value: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, null], unknown, unknown, "", boolean>;
|
|
3
3
|
readonly suffix: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
4
4
|
readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
5
5
|
}, {
|
|
6
6
|
props: import("@vue/shared").LooseRequired<{
|
|
7
|
-
readonly value:
|
|
7
|
+
readonly value: any;
|
|
8
8
|
readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
9
9
|
readonly suffix: string;
|
|
10
10
|
readonly onChange?: ((value: string) => any) | undefined;
|
|
@@ -28,14 +28,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
28
28
|
'update:value': (value: string) => boolean;
|
|
29
29
|
change: (value: string) => boolean;
|
|
30
30
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
31
|
-
readonly value: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
31
|
+
readonly value: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, null], unknown, unknown, "", boolean>;
|
|
32
32
|
readonly suffix: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
33
33
|
readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
34
34
|
}>> & {
|
|
35
35
|
onChange?: ((value: string) => any) | undefined;
|
|
36
36
|
"onUpdate:value"?: ((value: string) => any) | undefined;
|
|
37
37
|
}, {
|
|
38
|
-
readonly value:
|
|
38
|
+
readonly value: any;
|
|
39
39
|
readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
40
40
|
readonly suffix: string;
|
|
41
41
|
}, {}>;
|
|
@@ -22,7 +22,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
22
22
|
return lodashEs.omit(attrs, Object.keys(uriInput.uriInputProps));
|
|
23
23
|
});
|
|
24
24
|
const handleChange = () => {
|
|
25
|
-
const url = innerPrefix.value + innerValue.value + (props.suffix || "");
|
|
25
|
+
const url = innerValue.value ? innerPrefix.value + innerValue.value + (props.suffix || "") : "";
|
|
26
26
|
emits("update:value", url);
|
|
27
27
|
emits("change", url);
|
|
28
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uri-input.vue2.js","sources":["../../../../../packages/components/uri-input/src/uri-input.vue"],"sourcesContent":["<template>\n <ll-input\n v-model:value=\"innerValue\"\n :disabled=\"props.disabled\"\n v-bind=\"getBindValue\"\n >\n <template #addonBefore>\n <ll-select\n v-model:value=\"innerPrefix\"\n :options=\"httpUriOptions\"\n style=\"width: 90px\"\n :disabled=\"props.disabled\"\n @change=\"handleChange\"\n />\n </template>\n <template v-if=\"props.suffix\" #suffix>\n <span>{{ props.suffix }}</span>\n </template>\n </ll-input>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, useAttrs, watch, computed } from 'vue'\nimport { omit } from 'lodash-es'\nimport {\n uriInputProps,\n uriInputEmits,\n httpUriOptions,\n getHttpMethodUri\n} from './uri-input'\n\n//Component Config\ndefineOptions({ name: 'LlUriInput' })\nconst props = defineProps(uriInputProps)\nconst emits = defineEmits(uriInputEmits)\nconst attrs = useAttrs()\n\nconst innerValue = ref()\nconst innerPrefix = ref()\n\nconst getBindValue = computed(() => {\n return omit(attrs, Object.keys(uriInputProps))\n})\n\nconst handleChange = () => {\n const url = innerPrefix.value + innerValue.value + (props.suffix || '')\n emits('update:value', url)\n emits('change', url)\n}\n\nwatch(\n () => props.value,\n val => {\n const { prefix, url } = getHttpMethodUri(val)\n innerPrefix.value = prefix\n innerValue.value = url\n if (props.suffix) {\n innerValue.value = url.replace(props.suffix, '')\n }\n },\n {\n immediate: true\n }\n)\n\nwatch(innerValue, () => {\n handleChange()\n})\n</script>\n"],"names":["useAttrs","ref","computed","omit","uriInputProps","watch","getHttpMethodUri"],"mappings":";;;;;;;;;;;;;;;AAiCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,aAAaC,OAAI,EAAA,CAAA;AACvB,IAAA,MAAM,cAAcA,OAAI,EAAA,CAAA;AAExB,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,OAAOC,aAAK,CAAA,KAAA,EAAO,MAAO,CAAA,IAAA,CAAKC,sBAAa,CAAC,CAAA,CAAA;AAAA,KAC9C,CAAA,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,
|
|
1
|
+
{"version":3,"file":"uri-input.vue2.js","sources":["../../../../../packages/components/uri-input/src/uri-input.vue"],"sourcesContent":["<template>\n <ll-input\n v-model:value=\"innerValue\"\n :disabled=\"props.disabled\"\n v-bind=\"getBindValue\"\n >\n <template #addonBefore>\n <ll-select\n v-model:value=\"innerPrefix\"\n :options=\"httpUriOptions\"\n style=\"width: 90px\"\n :disabled=\"props.disabled\"\n @change=\"handleChange\"\n />\n </template>\n <template v-if=\"props.suffix\" #suffix>\n <span>{{ props.suffix }}</span>\n </template>\n </ll-input>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, useAttrs, watch, computed } from 'vue'\nimport { omit } from 'lodash-es'\nimport {\n uriInputProps,\n uriInputEmits,\n httpUriOptions,\n getHttpMethodUri\n} from './uri-input'\n\n//Component Config\ndefineOptions({ name: 'LlUriInput' })\nconst props = defineProps(uriInputProps)\nconst emits = defineEmits(uriInputEmits)\nconst attrs = useAttrs()\n\nconst innerValue = ref()\nconst innerPrefix = ref()\n\nconst getBindValue = computed(() => {\n return omit(attrs, Object.keys(uriInputProps))\n})\n\nconst handleChange = () => {\n const url = innerValue.value\n ? innerPrefix.value + innerValue.value + (props.suffix || '')\n : ''\n emits('update:value', url)\n emits('change', url)\n}\n\nwatch(\n () => props.value,\n val => {\n const { prefix, url } = getHttpMethodUri(val)\n innerPrefix.value = prefix\n innerValue.value = url\n if (props.suffix) {\n innerValue.value = url.replace(props.suffix, '')\n }\n },\n {\n immediate: true\n }\n)\n\nwatch(innerValue, () => {\n handleChange()\n})\n</script>\n"],"names":["useAttrs","ref","computed","omit","uriInputProps","watch","getHttpMethodUri"],"mappings":";;;;;;;;;;;;;;;AAiCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,aAAaC,OAAI,EAAA,CAAA;AACvB,IAAA,MAAM,cAAcA,OAAI,EAAA,CAAA;AAExB,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,OAAOC,aAAK,CAAA,KAAA,EAAO,MAAO,CAAA,IAAA,CAAKC,sBAAa,CAAC,CAAA,CAAA;AAAA,KAC9C,CAAA,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAM,MAAA,GAAA,GAAM,WAAW,KACnB,GAAA,WAAA,CAAY,QAAQ,UAAW,CAAA,KAAA,IAAS,KAAM,CAAA,MAAA,IAAU,EACxD,CAAA,GAAA,EAAA,CAAA;AACJ,MAAA,KAAA,CAAM,gBAAgB,GAAG,CAAA,CAAA;AACzB,MAAA,KAAA,CAAM,UAAU,GAAG,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,MAAM,EAAE,MAAA,EAAQ,GAAI,EAAA,GAAIC,0BAAiB,GAAG,CAAA,CAAA;AAC5C,QAAA,WAAA,CAAY,KAAQ,GAAA,MAAA,CAAA;AACpB,QAAA,UAAA,CAAW,KAAQ,GAAA,GAAA,CAAA;AACnB,QAAA,IAAI,MAAM,MAAQ,EAAA;AAChB,UAAA,UAAA,CAAW,KAAQ,GAAA,GAAA,CAAI,OAAQ,CAAA,KAAA,CAAM,QAAQ,EAAE,CAAA,CAAA;AAAA,SACjD;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAAD,SAAA,CAAM,YAAY,MAAM;AACtB,MAAa,YAAA,EAAA,CAAA;AAAA,KACd,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -665,6 +665,7 @@ export declare const LlCheckboxGroup: import("ll-plus/es/utils").SFCWithInstall<
|
|
|
665
665
|
default: any;
|
|
666
666
|
};
|
|
667
667
|
}>>))[], unknown, unknown, () => void, boolean>;
|
|
668
|
+
readonly allSpan: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 24, boolean>;
|
|
668
669
|
}, {
|
|
669
670
|
props: import("@vue/shared").LooseRequired<{
|
|
670
671
|
readonly options: (import("ant-design-vue").CheckboxOptionType & {
|
|
@@ -751,6 +752,7 @@ export declare const LlCheckboxGroup: import("ll-plus/es/utils").SFCWithInstall<
|
|
|
751
752
|
default: any;
|
|
752
753
|
};
|
|
753
754
|
}>>;
|
|
755
|
+
readonly allSpan: number;
|
|
754
756
|
} & {}>;
|
|
755
757
|
bem: {
|
|
756
758
|
b: (blockSuffix?: string) => string;
|
|
@@ -1904,6 +1906,7 @@ export declare const LlCheckboxGroup: import("ll-plus/es/utils").SFCWithInstall<
|
|
|
1904
1906
|
default: any;
|
|
1905
1907
|
};
|
|
1906
1908
|
}>>))[], unknown, unknown, () => void, boolean>;
|
|
1909
|
+
readonly allSpan: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 24, boolean>;
|
|
1907
1910
|
}>>, {
|
|
1908
1911
|
readonly options: (import("ant-design-vue").CheckboxOptionType & {
|
|
1909
1912
|
colOptions?: Partial<import("vue").ExtractPropTypes<{
|
|
@@ -1989,6 +1992,7 @@ export declare const LlCheckboxGroup: import("ll-plus/es/utils").SFCWithInstall<
|
|
|
1989
1992
|
default: any;
|
|
1990
1993
|
};
|
|
1991
1994
|
}>>;
|
|
1995
|
+
readonly allSpan: number;
|
|
1992
1996
|
}, {}>>;
|
|
1993
1997
|
export * from './src/checkbox';
|
|
1994
1998
|
declare module 'vue' {
|
|
@@ -329,6 +329,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
329
329
|
default: any;
|
|
330
330
|
};
|
|
331
331
|
}>>))[], unknown, unknown, () => void, boolean>;
|
|
332
|
+
readonly allSpan: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 24, boolean>;
|
|
332
333
|
}, {
|
|
333
334
|
props: import("@vue/shared").LooseRequired<{
|
|
334
335
|
readonly options: (import("ant-design-vue").CheckboxOptionType & {
|
|
@@ -415,6 +416,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
415
416
|
default: any;
|
|
416
417
|
};
|
|
417
418
|
}>>;
|
|
419
|
+
readonly allSpan: number;
|
|
418
420
|
} & {}>;
|
|
419
421
|
bem: {
|
|
420
422
|
b: (blockSuffix?: string) => string;
|
|
@@ -1568,6 +1570,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1568
1570
|
default: any;
|
|
1569
1571
|
};
|
|
1570
1572
|
}>>))[], unknown, unknown, () => void, boolean>;
|
|
1573
|
+
readonly allSpan: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 24, boolean>;
|
|
1571
1574
|
}>>, {
|
|
1572
1575
|
readonly options: (import("ant-design-vue").CheckboxOptionType & {
|
|
1573
1576
|
colOptions?: Partial<import("vue").ExtractPropTypes<{
|
|
@@ -1653,5 +1656,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1653
1656
|
default: any;
|
|
1654
1657
|
};
|
|
1655
1658
|
}>>;
|
|
1659
|
+
readonly allSpan: number;
|
|
1656
1660
|
}, {}>;
|
|
1657
1661
|
export default _default;
|
|
@@ -197,6 +197,7 @@ export declare const checkboxGroupProps: {
|
|
|
197
197
|
default: any;
|
|
198
198
|
};
|
|
199
199
|
}>>))[], unknown, unknown, () => void, boolean>;
|
|
200
|
+
readonly allSpan: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 24, boolean>;
|
|
200
201
|
};
|
|
201
202
|
export type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
|
|
202
203
|
export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
|