@blueking/ediatable 0.0.1-beta.29 → 0.0.1-beta.30
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/README.md +57 -25
- package/package.json +1 -1
- package/typings/components/checkbox-column.vue.d.ts +2 -0
- package/vue2/index.es.min.js +2 -1
- package/vue2/index.iife.min.js +2 -1
- package/vue2/index.umd.min.js +2 -1
- package/vue3/index.es.min.js +2 -1
- package/vue3/index.iife.min.js +2 -1
- package/vue3/index.umd.min.js +2 -1
package/README.md
CHANGED
|
@@ -326,16 +326,16 @@ npm i @blueking/ediatable
|
|
|
326
326
|
|
|
327
327
|
#### IHead
|
|
328
328
|
|
|
329
|
-
| 属性名 | 描述 | 属性类型 | 默认值
|
|
330
|
-
| ------------ | ---------------------- | -------------------------------- |
|
|
331
|
-
| fixed | 表头列是否固定 | `right 或 left 或 undefined`
|
|
332
|
-
| maxWidth | 表头列最大宽度 | `number 或 undefined`
|
|
333
|
-
| minWidth | 表头列最小宽度 | `number 或 undefined`
|
|
334
|
-
| memo | 列名hover时的提示 | `string 或 undefined`
|
|
335
|
-
| required | 是否必填标志 | `boolean`
|
|
336
|
-
| title | 表头列名 | `string 或 undefined`
|
|
337
|
-
| width | 表头列宽度 | `number 或 undefined`
|
|
338
|
-
| renderAppend | 表头列名之后追加的元素 | `() => JSX.Element 或 undefined` | undefined
|
|
329
|
+
| 属性名 | 描述 | 属性类型 | 默认值 |
|
|
330
|
+
| ------------ | ---------------------- | -------------------------------- | --------- |
|
|
331
|
+
| fixed | 表头列是否固定 | `right 或 left 或 undefined` | undefined |
|
|
332
|
+
| maxWidth | 表头列最大宽度 | `number 或 undefined` | undefined |
|
|
333
|
+
| minWidth | 表头列最小宽度 | `number 或 undefined` | undefined |
|
|
334
|
+
| memo | 列名hover时的提示 | `string 或 undefined` | undefined |
|
|
335
|
+
| required | 是否必填标志 | `boolean` | true |
|
|
336
|
+
| title | 表头列名 | `string 或 undefined` | undefined |
|
|
337
|
+
| width | 表头列宽度 | `number 或 undefined` | undefined |
|
|
338
|
+
| renderAppend | 表头列名之后追加的元素 | `() => JSX.Element 或 undefined` | undefined |
|
|
339
339
|
|
|
340
340
|
### Slots插槽
|
|
341
341
|
|
|
@@ -351,7 +351,7 @@ npm i @blueking/ediatable
|
|
|
351
351
|
| 属性名 | 描述 | 属性类型 | 默认值 |
|
|
352
352
|
| --------- | ------------ | --------------------------------------------- | ------ |
|
|
353
353
|
| validator | 校验函数 | `(value: any) => boolean 或 Promise<boolean>` | 无 |
|
|
354
|
-
| message | 校验出错提示 | `string 或 (() => string)`
|
|
354
|
+
| message | 校验出错提示 | `string 或 (() => string)` | 无 |
|
|
355
355
|
|
|
356
356
|
#### 输入框组件
|
|
357
357
|
|
|
@@ -376,8 +376,8 @@ npm i @blueking/ediatable
|
|
|
376
376
|
| 事件名 | 参数 | 参数类型 | 描述 |
|
|
377
377
|
| ------ | ----- | ------------------ | ------------ |
|
|
378
378
|
| submit | value | `string 或 number` | 输入完成事件 |
|
|
379
|
-
| error | value | `boolean`
|
|
380
|
-
| clear | |
|
|
379
|
+
| error | value | `boolean` | 校验报错事件 |
|
|
380
|
+
| clear | | | 清空事件 | |
|
|
381
381
|
|
|
382
382
|
##### Exposes事件列表
|
|
383
383
|
|
|
@@ -409,7 +409,7 @@ npm i @blueking/ediatable
|
|
|
409
409
|
| 事件名 | 参数 | 参数类型 | 描述 |
|
|
410
410
|
| ------ | ----- | ---------------------------- | ------------ |
|
|
411
411
|
| change | value | `[string, string] 或 string` | 选择完成事件 |
|
|
412
|
-
| error | value | `boolean`
|
|
412
|
+
| error | value | `boolean` | 校验报错事件 |
|
|
413
413
|
|
|
414
414
|
##### Exposes事件列表
|
|
415
415
|
|
|
@@ -440,7 +440,7 @@ npm i @blueking/ediatable
|
|
|
440
440
|
| 事件名 | 参数 | 参数类型 | 描述 |
|
|
441
441
|
| ------ | ----- | ------------------ | ------------ |
|
|
442
442
|
| change | value | `string 或 number` | 选择完成事件 |
|
|
443
|
-
| error | value | `boolean`
|
|
443
|
+
| error | value | `boolean` | 校验报错事件 |
|
|
444
444
|
|
|
445
445
|
##### Exposes事件列表
|
|
446
446
|
|
|
@@ -471,7 +471,7 @@ npm i @blueking/ediatable
|
|
|
471
471
|
| 事件名 | 参数 | 参数类型 | 描述 |
|
|
472
472
|
| ------ | ----- | ---------- | ------------ |
|
|
473
473
|
| change | value | `string[]` | 输入完成事件 |
|
|
474
|
-
| error | value | `boolean`
|
|
474
|
+
| error | value | `boolean` | 校验报错事件 |
|
|
475
475
|
|
|
476
476
|
##### Exposes事件列表
|
|
477
477
|
|
|
@@ -481,9 +481,9 @@ npm i @blueking/ediatable
|
|
|
481
481
|
|
|
482
482
|
##### Slots插槽
|
|
483
483
|
|
|
484
|
-
| 名称
|
|
485
|
-
|
|
|
486
|
-
| tip
|
|
484
|
+
| 名称 | 描述 |
|
|
485
|
+
| ---- | --------------------- |
|
|
486
|
+
| tip | 聚焦后的 popover 提示 |
|
|
487
487
|
|
|
488
488
|
#### 纯文本展示组件
|
|
489
489
|
|
|
@@ -500,9 +500,41 @@ npm i @blueking/ediatable
|
|
|
500
500
|
| 属性名 | 描述 | 属性类型 | 默认值 |
|
|
501
501
|
| ----------- | ------------ | ------------------------------- | --------- |
|
|
502
502
|
| data | 文本内容 | `string 或 number 或 undefined` | undefined |
|
|
503
|
-
| isLoading | 是否加载中 | `boolean 或 undefined`
|
|
504
|
-
| placeholder | 空白提示
|
|
505
|
-
| rules | 校验规则配置 | `IRule[] 或 undefined`
|
|
503
|
+
| isLoading | 是否加载中 | `boolean 或 undefined` | undefined |
|
|
504
|
+
| placeholder | 空白提示 | `string 或 undefined` | undefined |
|
|
505
|
+
| rules | 校验规则配置 | `IRule[] 或 undefined` | undefined |
|
|
506
|
+
|
|
507
|
+
##### Exposes事件列表
|
|
508
|
+
|
|
509
|
+
| 事件名 | 描述 |
|
|
510
|
+
| -------- | ---------------- |
|
|
511
|
+
| getValue | 校验并获取最新值 |
|
|
512
|
+
|
|
513
|
+
#### 复选框组件
|
|
514
|
+
|
|
515
|
+
##### 组件引用
|
|
516
|
+
|
|
517
|
+
```vue
|
|
518
|
+
<script lang="ts">
|
|
519
|
+
import { CheckboxColumn } from '@blueking/ediatable';
|
|
520
|
+
</script>
|
|
521
|
+
```
|
|
522
|
+
|
|
523
|
+
##### 组件属性
|
|
524
|
+
|
|
525
|
+
| 属性名 | 描述 | 属性类型 | 默认值 |
|
|
526
|
+
| -------- | ------------ | --------- | --------- |
|
|
527
|
+
| disabled | 是否禁用 | `boolean` | false |
|
|
528
|
+
| rules | 校验规则配置 | `IRule[]` | undefined |
|
|
529
|
+
|
|
530
|
+
其他配置同 `bkui-vue3` 的 `Checkbox` 组件
|
|
531
|
+
|
|
532
|
+
##### Emits事件列表
|
|
533
|
+
|
|
534
|
+
| 事件名 | 参数 | 参数类型 | 描述 |
|
|
535
|
+
| ------ | ----- | --------- | ------------ |
|
|
536
|
+
| submit | value | `boolean` | 选择完成事件 |
|
|
537
|
+
| error | value | `boolean` | 校验报错事件 |
|
|
506
538
|
|
|
507
539
|
##### Exposes事件列表
|
|
508
540
|
|
|
@@ -524,10 +556,10 @@ npm i @blueking/ediatable
|
|
|
524
556
|
|
|
525
557
|
| 属性名 | 描述 | 属性类型 | 默认值 |
|
|
526
558
|
| ---------- | ------------------ | ----------- | ------ |
|
|
527
|
-
| removeable | 删除图标是否可用 | `boolean`
|
|
528
|
-
| showCopy | 是否展示行克隆图标 | `boolean`
|
|
559
|
+
| removeable | 删除图标是否可用 | `boolean` | true |
|
|
560
|
+
| showCopy | 是否展示行克隆图标 | `boolean` | false |
|
|
529
561
|
| showAdd | 是否展示添加图标 | `boolean ` | true |
|
|
530
|
-
| showRemove | 是否展示删除图标 | `boolean `
|
|
562
|
+
| showRemove | 是否展示删除图标 | `boolean ` | true |
|
|
531
563
|
|
|
532
564
|
##### Emits事件列表
|
|
533
565
|
|
package/package.json
CHANGED
|
@@ -12,9 +12,11 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
|
12
12
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
13
13
|
"update:modelValue": (modelValue: boolean) => any;
|
|
14
14
|
} & {
|
|
15
|
+
change: (value: boolean) => any;
|
|
15
16
|
error: (result: boolean) => any;
|
|
16
17
|
submit: (value: boolean) => any;
|
|
17
18
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
19
|
+
onChange?: ((value: boolean) => any) | undefined;
|
|
18
20
|
onError?: ((result: boolean) => any) | undefined;
|
|
19
21
|
onSubmit?: ((value: boolean) => any) | undefined;
|
|
20
22
|
"onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
|
package/vue2/index.es.min.js
CHANGED
|
@@ -42841,7 +42841,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
42841
42841
|
} },
|
|
42842
42842
|
"modelModifiers": {}
|
|
42843
42843
|
}),
|
|
42844
|
-
emits: /* @__PURE__ */ mergeModels(["submit", "error"], ["update:modelValue"]),
|
|
42844
|
+
emits: /* @__PURE__ */ mergeModels(["submit", "change", "error"], ["update:modelValue"]),
|
|
42845
42845
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
42846
42846
|
const props2 = __props;
|
|
42847
42847
|
const emits = __emit;
|
|
@@ -42850,6 +42850,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
42850
42850
|
const { message: errorMessage, validator: validator11 } = useValidtor(props2.rules);
|
|
42851
42851
|
const handleChange = (value) => {
|
|
42852
42852
|
modelValue.value = value;
|
|
42853
|
+
emits("change", modelValue.value);
|
|
42853
42854
|
validator11(modelValue.value).then(() => {
|
|
42854
42855
|
emits("error", false);
|
|
42855
42856
|
emits("submit", value);
|
package/vue2/index.iife.min.js
CHANGED
|
@@ -50268,7 +50268,7 @@ ${$(r2)}`), n2;
|
|
|
50268
50268
|
} },
|
|
50269
50269
|
"modelModifiers": {}
|
|
50270
50270
|
}),
|
|
50271
|
-
emits: /* @__PURE__ */ mergeModels(["submit", "error"], ["update:modelValue"]),
|
|
50271
|
+
emits: /* @__PURE__ */ mergeModels(["submit", "change", "error"], ["update:modelValue"]),
|
|
50272
50272
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
50273
50273
|
const props2 = __props;
|
|
50274
50274
|
const emits = __emit;
|
|
@@ -50277,6 +50277,7 @@ ${$(r2)}`), n2;
|
|
|
50277
50277
|
const { message: errorMessage, validator } = useValidtor(props2.rules);
|
|
50278
50278
|
const handleChange = (value) => {
|
|
50279
50279
|
modelValue.value = value;
|
|
50280
|
+
emits("change", modelValue.value);
|
|
50280
50281
|
validator(modelValue.value).then(() => {
|
|
50281
50282
|
emits("error", false);
|
|
50282
50283
|
emits("submit", value);
|
package/vue2/index.umd.min.js
CHANGED
|
@@ -42863,7 +42863,7 @@ ${$(r2)}`), n2;
|
|
|
42863
42863
|
} },
|
|
42864
42864
|
"modelModifiers": {}
|
|
42865
42865
|
}),
|
|
42866
|
-
emits: /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.mergeModels(["submit", "error"], ["update:modelValue"]),
|
|
42866
|
+
emits: /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.mergeModels(["submit", "change", "error"], ["update:modelValue"]),
|
|
42867
42867
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
42868
42868
|
const props2 = __props;
|
|
42869
42869
|
const emits = __emit;
|
|
@@ -42872,6 +42872,7 @@ ${$(r2)}`), n2;
|
|
|
42872
42872
|
const { message: errorMessage, validator } = useValidtor(props2.rules);
|
|
42873
42873
|
const handleChange = (value) => {
|
|
42874
42874
|
modelValue.value = value;
|
|
42875
|
+
emits("change", modelValue.value);
|
|
42875
42876
|
validator(modelValue.value).then(() => {
|
|
42876
42877
|
emits("error", false);
|
|
42877
42878
|
emits("submit", value);
|
package/vue3/index.es.min.js
CHANGED
|
@@ -9483,7 +9483,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
9483
9483
|
} },
|
|
9484
9484
|
"modelModifiers": {}
|
|
9485
9485
|
}),
|
|
9486
|
-
emits: /* @__PURE__ */ mergeModels(["submit", "error"], ["update:modelValue"]),
|
|
9486
|
+
emits: /* @__PURE__ */ mergeModels(["submit", "change", "error"], ["update:modelValue"]),
|
|
9487
9487
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
9488
9488
|
const props = __props;
|
|
9489
9489
|
const emits = __emit;
|
|
@@ -9492,6 +9492,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
9492
9492
|
const { message: errorMessage, validator } = useValidtor(props.rules);
|
|
9493
9493
|
const handleChange = (value) => {
|
|
9494
9494
|
modelValue.value = value;
|
|
9495
|
+
emits("change", modelValue.value);
|
|
9495
9496
|
validator(modelValue.value).then(() => {
|
|
9496
9497
|
emits("error", false);
|
|
9497
9498
|
emits("submit", value);
|
package/vue3/index.iife.min.js
CHANGED
|
@@ -42870,7 +42870,7 @@ ${$(r2)}`), n2;
|
|
|
42870
42870
|
} },
|
|
42871
42871
|
"modelModifiers": {}
|
|
42872
42872
|
}),
|
|
42873
|
-
emits: /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.mergeModels(["submit", "error"], ["update:modelValue"]),
|
|
42873
|
+
emits: /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.mergeModels(["submit", "change", "error"], ["update:modelValue"]),
|
|
42874
42874
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
42875
42875
|
const props2 = __props;
|
|
42876
42876
|
const emits = __emit;
|
|
@@ -42879,6 +42879,7 @@ ${$(r2)}`), n2;
|
|
|
42879
42879
|
const { message: errorMessage, validator } = useValidtor(props2.rules);
|
|
42880
42880
|
const handleChange = (value) => {
|
|
42881
42881
|
modelValue.value = value;
|
|
42882
|
+
emits("change", modelValue.value);
|
|
42882
42883
|
validator(modelValue.value).then(() => {
|
|
42883
42884
|
emits("error", false);
|
|
42884
42885
|
emits("submit", value);
|
package/vue3/index.umd.min.js
CHANGED
|
@@ -10044,7 +10044,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
|
|
|
10044
10044
|
} },
|
|
10045
10045
|
"modelModifiers": {}
|
|
10046
10046
|
}),
|
|
10047
|
-
emits: /* @__PURE__ */ vue.mergeModels(["submit", "error"], ["update:modelValue"]),
|
|
10047
|
+
emits: /* @__PURE__ */ vue.mergeModels(["submit", "change", "error"], ["update:modelValue"]),
|
|
10048
10048
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
10049
10049
|
const props = __props;
|
|
10050
10050
|
const emits = __emit;
|
|
@@ -10053,6 +10053,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
|
|
|
10053
10053
|
const { message: errorMessage, validator } = useValidtor(props.rules);
|
|
10054
10054
|
const handleChange = (value) => {
|
|
10055
10055
|
modelValue.value = value;
|
|
10056
|
+
emits("change", modelValue.value);
|
|
10056
10057
|
validator(modelValue.value).then(() => {
|
|
10057
10058
|
emits("error", false);
|
|
10058
10059
|
emits("submit", value);
|