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.
Files changed (49) hide show
  1. package/es/components/checkbox/index.d.ts +4 -0
  2. package/es/components/checkbox/src/checkbox-group.vue.d.ts +4 -0
  3. package/es/components/checkbox/src/checkbox-group.vue2.mjs +1 -1
  4. package/es/components/checkbox/src/checkbox-group.vue2.mjs.map +1 -1
  5. package/es/components/checkbox/src/checkbox.d.ts +1 -0
  6. package/es/components/checkbox/src/checkbox.mjs +4 -0
  7. package/es/components/checkbox/src/checkbox.mjs.map +1 -1
  8. package/es/components/key-value/src/components/key-value-item.vue2.mjs +11 -6
  9. package/es/components/key-value/src/components/key-value-item.vue2.mjs.map +1 -1
  10. package/es/components/key-value/src/key-value.vue2.mjs +8 -6
  11. package/es/components/key-value/src/key-value.vue2.mjs.map +1 -1
  12. package/es/components/uri-input/index.d.ts +4 -4
  13. package/es/components/uri-input/src/uri-input.d.ts +1 -1
  14. package/es/components/uri-input/src/uri-input.mjs +3 -3
  15. package/es/components/uri-input/src/uri-input.mjs.map +1 -1
  16. package/es/components/uri-input/src/uri-input.vue.d.ts +4 -4
  17. package/es/components/uri-input/src/uri-input.vue2.mjs +1 -1
  18. package/es/components/uri-input/src/uri-input.vue2.mjs.map +1 -1
  19. package/index.full.js +27 -16
  20. package/index.full.min.js +3 -3
  21. package/index.full.min.js.map +1 -1
  22. package/index.full.min.mjs +9 -9
  23. package/index.full.min.mjs.map +1 -1
  24. package/index.full.mjs +27 -16
  25. package/lib/components/checkbox/index.d.ts +4 -0
  26. package/lib/components/checkbox/src/checkbox-group.vue.d.ts +4 -0
  27. package/lib/components/checkbox/src/checkbox-group.vue2.js +1 -1
  28. package/lib/components/checkbox/src/checkbox-group.vue2.js.map +1 -1
  29. package/lib/components/checkbox/src/checkbox.d.ts +1 -0
  30. package/lib/components/checkbox/src/checkbox.js +4 -0
  31. package/lib/components/checkbox/src/checkbox.js.map +1 -1
  32. package/lib/components/key-value/src/components/key-value-item.vue2.js +10 -5
  33. package/lib/components/key-value/src/components/key-value-item.vue2.js.map +1 -1
  34. package/lib/components/key-value/src/key-value.vue2.js +8 -6
  35. package/lib/components/key-value/src/key-value.vue2.js.map +1 -1
  36. package/lib/components/uri-input/index.d.ts +4 -4
  37. package/lib/components/uri-input/src/uri-input.d.ts +1 -1
  38. package/lib/components/uri-input/src/uri-input.js +3 -3
  39. package/lib/components/uri-input/src/uri-input.js.map +1 -1
  40. package/lib/components/uri-input/src/uri-input.vue.d.ts +4 -4
  41. package/lib/components/uri-input/src/uri-input.vue2.js +1 -1
  42. package/lib/components/uri-input/src/uri-input.vue2.js.map +1 -1
  43. package/package.json +1 -1
  44. package/types/packages/components/checkbox/index.d.ts +4 -0
  45. package/types/packages/components/checkbox/src/checkbox-group.vue.d.ts +4 -0
  46. package/types/packages/components/checkbox/src/checkbox.d.ts +1 -0
  47. package/types/packages/components/uri-input/index.d.ts +4 -4
  48. package/types/packages/components/uri-input/src/uri-input.d.ts +1 -1
  49. 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 || 24,
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
- emits("update:value", val);
58232
- emits("change");
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
- emits("change", innerValue.value);
58467
- emits("update:value", innerValue.value);
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: idx + +/* @__PURE__ */ new Date(),
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 = urlObject.host ? `${urlObject.host}${urlObject.pathname}` : urlObject.href;
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 || 24,
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 || 24\"\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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>;
@@ -19,6 +19,10 @@ const checkboxGroupProps = runtime.buildProps({
19
19
  type: runtime.definePropType(Object),
20
20
  default: () => {
21
21
  }
22
+ },
23
+ allSpan: {
24
+ type: Number,
25
+ default: 24
22
26
  }
23
27
  });
24
28
 
@@ -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
- emits("update:value", val);
64
- emits("change");
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 @change=\"handleChange\"\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 } 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 val => {\n emits('update:value', val)\n emits('change')\n },\n {\n deep: true\n }\n)\n</script>\n\n<style scoped></style>\n"],"names":["useAttrs","createNamespace","ref","computed","typeRules","isEmpty","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqJA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAM,MAAA,GAAA,GAAMC,gCAAgB,WAAW,CAAA,CAAA;AACvC,IAAM,MAAA,UAAA,GAAaC,OAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAElC,IAAM,MAAA,UAAA,GAAaC,aAAqB,MAAM;AAC5C,MAAM,MAAA,MAAA,GAAS,KAAM,CAAA,UAAU,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,IAAA,EAAMC,0BAAa,EAAC;AAAA,OACtB,CAAA;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAeD,aAAqB,MAAM;AAC9C,MAAI,IAAA,MAAA,GAAS,KAAM,CAAA,YAAY,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,MAAM,EAAC;AAAA,OACT,CAAA;AACA,MAAI,IAAA,UAAA,CAAW,MAAM,KAAK,CAAA,IAAK,CAACE,gBAAQ,CAAA,KAAA,CAAM,gBAAgB,CAAG,EAAA;AAC/D,QAAA,MAAA,GAAS,KAAM,CAAA,gBAAA,CAAiB,UAAW,CAAA,KAAA,CAAM,KAAK,CAAC,CAAA,CAAA;AAAA,OACzD;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,cAAA,GAAiBF,aAAS,MAAM;AACpC,MACE,OAAA,KAAA,CAAM,aAAa,QAAS,CAAA,KAAA,CAAM,GAAG,CACrC,IAAA,KAAA,CAAM,QACN,IAAA,UAAA,CAAW,KAAO,EAAA,QAAA,CAAA;AAAA,KAErB,CAAA,CAAA;AAED,IAAM,MAAA,gBAAA,GAAmBA,aAAS,MAAM;AACtC,MACE,OAAA,KAAA,CAAM,eAAe,QAAS,CAAA,KAAA,CAAM,GAAG,CACvC,IAAA,KAAA,CAAM,QACN,IAAA,YAAA,CAAa,KAAO,EAAA,QAAA,CAAA;AAAA,KAEvB,CAAA,CAAA;AAED,IAAM,MAAA,iBAAA,GAAoBA,aAAS,MAAM;AACvC,MAAA,OAAO,MAAM,cAAgB,EAAA,QAAA,CAAS,KAAM,CAAA,GAAG,KAAK,KAAM,CAAA,QAAA,CAAA;AAAA,KAC3D,CAAA,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAW,UAAA,CAAA,KAAA,CAAM,OAAO,CAAI,GAAA,EAAA,CAAA;AAAA,KAC9B,CAAA;AAEA,IAAAG,SAAA;AAAA,MACE,UAAA;AAAA,MACA,CAAO,GAAA,KAAA;AACL,QAAA,KAAA,CAAM,gBAAgB,GAAG,CAAA,CAAA;AACzB,QAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,OAChB;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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":";;;;;;;;;;;;;;;;;;;;AAoJA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAM,MAAA,GAAA,GAAMC,gCAAgB,WAAW,CAAA,CAAA;AACvC,IAAM,MAAA,UAAA,GAAaC,OAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAElC,IAAM,MAAA,UAAA,GAAaC,aAAqB,MAAM;AAC5C,MAAM,MAAA,MAAA,GAAS,KAAM,CAAA,UAAU,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,IAAA,EAAMC,0BAAa,EAAC;AAAA,OACtB,CAAA;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAeD,aAAqB,MAAM;AAC9C,MAAI,IAAA,MAAA,GAAS,KAAM,CAAA,YAAY,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,MAAM,EAAC;AAAA,OACT,CAAA;AACA,MAAI,IAAA,UAAA,CAAW,MAAM,KAAK,CAAA,IAAK,CAACE,gBAAQ,CAAA,KAAA,CAAM,gBAAgB,CAAG,EAAA;AAC/D,QAAA,MAAA,GAAS,KAAM,CAAA,gBAAA,CAAiB,UAAW,CAAA,KAAA,CAAM,KAAK,CAAC,CAAA,CAAA;AAAA,OACzD;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,cAAA,GAAiBF,aAAS,MAAM;AACpC,MACE,OAAA,KAAA,CAAM,aAAa,QAAS,CAAA,KAAA,CAAM,GAAG,CACrC,IAAA,KAAA,CAAM,QACN,IAAA,UAAA,CAAW,KAAO,EAAA,QAAA,CAAA;AAAA,KAErB,CAAA,CAAA;AAED,IAAM,MAAA,gBAAA,GAAmBA,aAAS,MAAM;AACtC,MACE,OAAA,KAAA,CAAM,eAAe,QAAS,CAAA,KAAA,CAAM,GAAG,CACvC,IAAA,KAAA,CAAM,QACN,IAAA,YAAA,CAAa,KAAO,EAAA,QAAA,CAAA;AAAA,KAEvB,CAAA,CAAA;AAED,IAAM,MAAA,iBAAA,GAAoBA,aAAS,MAAM;AACvC,MAAA,OAAO,MAAM,cAAgB,EAAA,QAAA,CAAS,KAAM,CAAA,GAAG,KAAK,KAAM,CAAA,QAAA,CAAA;AAAA,KAC3D,CAAA,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAW,UAAA,CAAA,KAAA,CAAM,OAAO,CAAI,GAAA,EAAA,CAAA;AAAA,KAC9B,CAAA;AAEA,IAAAG,SAAA;AAAA,MACE,UAAA;AAAA,MACA,OAAM,GAAO,KAAA;AACX,QAAM,MAAAC,YAAA,EAAW,CAAA,IAAA,CAAK,MAAM;AAC1B,UAAI,IAAA;AACF,YAAA,KAAA,CAAM,gBAAgB,GAAG,CAAA,CAAA;AACzB,YAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,mBACP,KAAO,EAAA;AACd,YAAA,OAAA,CAAQ,MAAM,KAAK,CAAA,CAAA;AAAA,WACrB;AAAA,SACD,CAAA,CAAA;AAAA,OACH;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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
- emits("change", innerValue.value);
49
- emits("update:value", innerValue.value);
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: idx + +/* @__PURE__ */ new Date(),
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=\"idx + +new Date()\"\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 props.value && props.value.length > 0\n ? props.value\n : [{ key: null, value: null }]\n)\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 emits('change', innerValue.value)\n emits('update:value', innerValue.value)\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,IAAA,MAAM,UAAa,GAAAC,OAAA;AAAA,MACjB,KAAM,CAAA,KAAA,IAAS,KAAM,CAAA,KAAA,CAAM,SAAS,CAChC,GAAA,KAAA,CAAM,KACN,GAAA,CAAC,EAAE,GAAA,EAAK,IAAM,EAAA,KAAA,EAAO,MAAM,CAAA;AAAA,KACjC,CAAA;AAEA,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,MAAM,KAAA,CAAA,QAAA,EAAU,WAAW,KAAK,CAAA,CAAA;AAChC,MAAM,KAAA,CAAA,cAAA,EAAgB,WAAW,KAAK,CAAA,CAAA;AAAA,KACxC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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: string;
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: string;
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 = urlObject.host ? `${urlObject.host}${urlObject.pathname}` : urlObject.href;
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 = urlObject.host\n ? `${urlObject.host}${urlObject.pathname}`\n : urlObject.href\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,\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,EAAA,IAAI,GAAM,GAAA,GAAA,CAAA;AACV,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,SAAA,CAAU,OACZ,CAAG,EAAA,SAAA,CAAU,IAAI,CAAG,EAAA,SAAA,CAAU,QAAQ,CAAA,CAAA,GACtC,SAAU,CAAA,IAAA,CAAA;AAAA,WACP,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,IAAM,EAAA,MAAA;AAAA,IACN,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
+ {"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: string;
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: string;
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,MAAM,MAAM,WAAY,CAAA,KAAA,GAAQ,UAAW,CAAA,KAAA,IAAS,MAAM,MAAU,IAAA,EAAA,CAAA,CAAA;AACpE,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ll-plus",
3
- "version": "2.2.19",
3
+ "version": "2.2.21",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.mjs",
@@ -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>;