cnhis-design-vue 3.1.14-beta.3 → 3.1.14-beta.4
Sign up to get free protection for your applications and to get access to all the features.
package/README.md
CHANGED
@@ -1,23 +1,23 @@
|
|
1
|
-
# Vue 3 + Typescript + Vite
|
2
|
-
|
3
|
-
This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
4
|
-
|
5
|
-
## Recommended IDE Setup
|
6
|
-
|
7
|
-
- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
|
8
|
-
|
9
|
-
## Type Support For `.vue` Imports in TS
|
10
|
-
|
11
|
-
Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.
|
12
|
-
|
13
|
-
## 使用
|
14
|
-
```JavaScript
|
15
|
-
import { createApp } from "vue";
|
16
|
-
import App from "./App.vue";
|
17
|
-
import cui from "cnhis-design-vue";
|
18
|
-
import "cnhis-design-vue/es/index.css";
|
19
|
-
|
20
|
-
const app = createApp(App);
|
21
|
-
app.use(cui);
|
22
|
-
app.mount("#app");
|
1
|
+
# Vue 3 + Typescript + Vite
|
2
|
+
|
3
|
+
This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
4
|
+
|
5
|
+
## Recommended IDE Setup
|
6
|
+
|
7
|
+
- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
|
8
|
+
|
9
|
+
## Type Support For `.vue` Imports in TS
|
10
|
+
|
11
|
+
Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.
|
12
|
+
|
13
|
+
## 使用
|
14
|
+
```JavaScript
|
15
|
+
import { createApp } from "vue";
|
16
|
+
import App from "./App.vue";
|
17
|
+
import cui from "cnhis-design-vue";
|
18
|
+
import "cnhis-design-vue/es/index.css";
|
19
|
+
|
20
|
+
const app = createApp(App);
|
21
|
+
app.use(cui);
|
22
|
+
app.mount("#app");
|
23
23
|
```
|
@@ -1091,11 +1091,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
1091
1091
|
textColorGhostHoverSuccess: string;
|
1092
1092
|
textColorGhostPressedSuccess: string;
|
1093
1093
|
textColorGhostFocusSuccess: string;
|
1094
|
-
|
1095
|
-
borderSuccess: string;
|
1096
|
-
borderHoverSuccess: string; /**
|
1094
|
+
/**
|
1097
1095
|
* 删除选中scan数据
|
1098
1096
|
*/
|
1097
|
+
textColorGhostDisabledSuccess: string;
|
1098
|
+
borderSuccess: string;
|
1099
|
+
borderHoverSuccess: string;
|
1099
1100
|
borderPressedSuccess: string;
|
1100
1101
|
borderFocusSuccess: string;
|
1101
1102
|
borderDisabledSuccess: string;
|
@@ -1135,7 +1136,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
1135
1136
|
textColorHoverError: string;
|
1136
1137
|
textColorPressedError: string;
|
1137
1138
|
textColorFocusError: string;
|
1138
|
-
textColorDisabledError: string;
|
1139
|
+
textColorDisabledError: string; /**
|
1140
|
+
* 初始化props
|
1141
|
+
* @param {*} unionItem
|
1142
|
+
* @param {*} row
|
1143
|
+
* @param {*} column
|
1144
|
+
* @param {*} $rowIndex
|
1145
|
+
* @returns
|
1146
|
+
*/
|
1139
1147
|
textColorTextError: string;
|
1140
1148
|
textColorTextHoverError: string;
|
1141
1149
|
textColorTextPressedError: string;
|
@@ -1210,10 +1218,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
1210
1218
|
textColorPressed: string;
|
1211
1219
|
textColorFocus: string;
|
1212
1220
|
textColorDisabled: string;
|
1213
|
-
textColorText: string;
|
1214
|
-
* 避免每次点击都查询
|
1215
|
-
* 初始化查一次 行编辑 表单search用
|
1216
|
-
*/
|
1221
|
+
textColorText: string;
|
1217
1222
|
textColorTextHover: string;
|
1218
1223
|
textColorTextPressed: string;
|
1219
1224
|
textColorTextFocus: string;
|
@@ -518,6 +518,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
518
518
|
return columns;
|
519
519
|
};
|
520
520
|
const formatterEdit = (params, col) => {
|
521
|
+
console.log(params, col);
|
521
522
|
let {
|
522
523
|
row,
|
523
524
|
column,
|
@@ -1338,8 +1339,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
1338
1339
|
emit("checkboxChange", {
|
1339
1340
|
checked: checked2,
|
1340
1341
|
row,
|
1341
|
-
index: $rowIndex
|
1342
|
-
records: [row]
|
1342
|
+
index: $rowIndex
|
1343
1343
|
});
|
1344
1344
|
return;
|
1345
1345
|
}
|
@@ -1412,8 +1412,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
1412
1412
|
emit("checkboxChange", {
|
1413
1413
|
checked: setChecked,
|
1414
1414
|
row,
|
1415
|
-
index: $rowIndex
|
1416
|
-
records: checkedRow
|
1415
|
+
index: $rowIndex
|
1417
1416
|
});
|
1418
1417
|
setChecked && emit("handlerClickRow", row, $rowIndex);
|
1419
1418
|
return;
|
@@ -1430,8 +1429,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
1430
1429
|
emit("checkboxChange", {
|
1431
1430
|
checked: setChecked,
|
1432
1431
|
row,
|
1433
|
-
index: $rowIndex
|
1434
|
-
records: checkedRow
|
1432
|
+
index: $rowIndex
|
1435
1433
|
});
|
1436
1434
|
setChecked && emit("handlerClickRow", row, $rowIndex);
|
1437
1435
|
};
|
@@ -1451,7 +1449,6 @@ var script = /* @__PURE__ */ defineComponent({
|
|
1451
1449
|
};
|
1452
1450
|
const treeTableSelectionChange = (records) => {
|
1453
1451
|
if (state.isTree == 0) {
|
1454
|
-
emit("selectionChange", records);
|
1455
1452
|
return false;
|
1456
1453
|
}
|
1457
1454
|
pubCheckChange(records);
|
@@ -1472,8 +1469,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
1472
1469
|
emit("checkboxChange", {
|
1473
1470
|
checked,
|
1474
1471
|
row,
|
1475
|
-
index: $rowIndex
|
1476
|
-
records
|
1472
|
+
index: $rowIndex
|
1477
1473
|
});
|
1478
1474
|
if (treeTableSelectionChange(records))
|
1479
1475
|
return;
|
@@ -2281,7 +2277,8 @@ var script = /* @__PURE__ */ defineComponent({
|
|
2281
2277
|
"show-header-overflow": "",
|
2282
2278
|
"show-footer-overflow": "title",
|
2283
2279
|
"keep-source": "",
|
2284
|
-
"auto-resize": ""
|
2280
|
+
"auto-resize": "",
|
2281
|
+
height: props.height ? "auto" : void 0
|
2285
2282
|
}, _ctx.$attrs, {
|
2286
2283
|
"seq-config": unref(handleSeqConfig),
|
2287
2284
|
"tree-config": unref(treeConfig),
|
@@ -2395,7 +2392,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
2395
2392
|
}
|
2396
2393
|
})]),
|
2397
2394
|
_: 3
|
2398
|
-
}, 16, ["seq-config", "tree-config", "cell-class-name", "row-config", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config", "keyboard-config", "edit-rules", "menu-config", "onScroll", "onKeydown"]), createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "), withDirectives(createElementVNode("div", {
|
2395
|
+
}, 16, ["height", "seq-config", "tree-config", "cell-class-name", "row-config", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config", "keyboard-config", "edit-rules", "menu-config", "onScroll", "onKeydown"]), createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "), withDirectives(createElementVNode("div", {
|
2399
2396
|
class: "refresh",
|
2400
2397
|
onClick: hanldeClickRefresh
|
2401
2398
|
}, [createVNode(unref(NIcon), {
|
package/global.d.ts
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
import * as NaiveUI from 'naive-ui';
|
2
|
-
|
3
|
-
declare module 'naive-ui' {
|
4
|
-
// @ts-ignore
|
5
|
-
export const NTree: any;
|
6
|
-
}
|
7
|
-
|
8
|
-
export {};
|
1
|
+
import * as NaiveUI from 'naive-ui';
|
2
|
+
|
3
|
+
declare module 'naive-ui' {
|
4
|
+
// @ts-ignore
|
5
|
+
export const NTree: any;
|
6
|
+
}
|
7
|
+
|
8
|
+
export {};
|