persagy-vant 0.0.37 → 0.0.38
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/area/style/index.mjs +2 -0
- package/es/area/style/less.mjs +2 -0
- package/es/cell/index.d.ts +1 -1
- package/es/icon/Icon.mjs +7 -4
- package/es/icon/assets/copy.svg +4 -0
- package/es/icon/config.d.ts +1 -0
- package/es/icon/config.mjs +1 -0
- package/es/icon/gif.d.ts +6 -0
- package/es/icon/gif.mjs +9 -0
- package/es/icon/index.css +1 -1
- package/es/icon/index.d.ts +2 -0
- package/es/icon/index.mjs +4 -1
- package/es/icon/latest-iconfont.css +1 -1
- package/es/icon/latest-iconfont.less +11 -0
- package/es/index.d.ts +1 -1
- package/es/index.mjs +1 -1
- package/es/info-card/InfoCard.d.ts +31 -0
- package/es/info-card/InfoCard.mjs +45 -3
- package/es/info-card/index.css +1 -1
- package/es/info-card/index.d.ts +22 -1
- package/es/info-card/index.less +57 -0
- package/es/info-card/var.less +1 -1
- package/es/label/Label.d.ts +21 -0
- package/es/label/Label.mjs +12 -2
- package/es/label/index.css +1 -1
- package/es/label/index.d.ts +15 -0
- package/es/label/index.less +27 -0
- package/es/label/var.less +1 -0
- package/es/list/style/index.mjs +2 -0
- package/es/list/style/less.mjs +2 -0
- package/es/loading/Loading.mjs +8 -26
- package/es/loading/style/index.mjs +2 -0
- package/es/loading/style/less.mjs +2 -0
- package/es/material-action-bar/index.css +1 -1
- package/es/material-action-bar/index.less +3 -1
- package/es/material-add/MaterialAdd.mjs +158 -63
- package/es/material-add/index.css +1 -1
- package/es/material-add/index.d.ts +1 -1
- package/es/material-add/index.less +0 -14
- package/es/material-add/types.d.ts +7 -4
- package/es/material-detail/MaterialDetail.mjs +14 -9
- package/es/material-display-bar/index.css +1 -1
- package/es/material-display-bar/index.less +2 -1
- package/es/material-display-bar/var.less +1 -0
- package/es/number-keyboard/style/index.mjs +2 -0
- package/es/number-keyboard/style/less.mjs +2 -0
- package/es/picker/style/index.mjs +2 -0
- package/es/picker/style/less.mjs +2 -0
- package/es/progress/Progress.d.ts +17 -0
- package/es/progress/Progress.mjs +14 -9
- package/es/progress/index.css +1 -1
- package/es/progress/index.d.ts +12 -1
- package/es/progress/index.less +24 -14
- package/es/progress/types.d.ts +1 -0
- package/es/progress/var.less +10 -7
- package/es/pull-refresh/style/index.mjs +2 -0
- package/es/pull-refresh/style/less.mjs +2 -0
- package/es/switch/style/index.mjs +2 -0
- package/es/switch/style/less.mjs +2 -0
- package/es/tree-select/TreeSelect.mjs +9 -4
- package/es/tree-select/index.css +1 -1
- package/es/tree-select/index.less +29 -1
- package/es/work-order-card/WorkOrderCard.mjs +52 -11
- package/es/work-order-card/index.css +1 -1
- package/es/work-order-card/index.less +3 -4
- package/es/work-order-card/style/index.mjs +2 -0
- package/es/work-order-card/style/less.mjs +2 -0
- package/es/work-order-card/types.d.ts +14 -1
- package/lib/area/style/index.js +2 -0
- package/lib/area/style/less.js +2 -0
- package/lib/cell/index.d.ts +1 -1
- package/lib/icon/Icon.js +7 -4
- package/lib/icon/assets/copy.svg +4 -0
- package/lib/icon/config.d.ts +1 -0
- package/lib/icon/config.js +1 -0
- package/lib/icon/gif.d.ts +6 -0
- package/lib/icon/gif.js +28 -0
- package/lib/icon/index.css +1 -1
- package/lib/icon/index.d.ts +2 -0
- package/lib/icon/index.js +4 -1
- package/lib/icon/latest-iconfont.css +1 -1
- package/lib/icon/latest-iconfont.less +11 -0
- package/lib/index.css +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/info-card/InfoCard.d.ts +31 -0
- package/lib/info-card/InfoCard.js +45 -3
- package/lib/info-card/index.css +1 -1
- package/lib/info-card/index.d.ts +22 -1
- package/lib/info-card/index.less +57 -0
- package/lib/info-card/var.less +1 -1
- package/lib/label/Label.d.ts +21 -0
- package/lib/label/Label.js +12 -2
- package/lib/label/index.css +1 -1
- package/lib/label/index.d.ts +15 -0
- package/lib/label/index.less +27 -0
- package/lib/label/var.less +1 -0
- package/lib/list/style/index.js +2 -0
- package/lib/list/style/less.js +2 -0
- package/lib/loading/Loading.js +8 -26
- package/lib/loading/style/index.js +2 -0
- package/lib/loading/style/less.js +2 -0
- package/lib/material-action-bar/index.css +1 -1
- package/lib/material-action-bar/index.less +3 -1
- package/lib/material-add/MaterialAdd.js +158 -63
- package/lib/material-add/index.css +1 -1
- package/lib/material-add/index.d.ts +1 -1
- package/lib/material-add/index.less +0 -14
- package/lib/material-add/types.d.ts +7 -4
- package/lib/material-detail/MaterialDetail.js +14 -9
- package/lib/material-display-bar/index.css +1 -1
- package/lib/material-display-bar/index.less +2 -1
- package/lib/material-display-bar/var.less +1 -0
- package/lib/number-keyboard/style/index.js +2 -0
- package/lib/number-keyboard/style/less.js +2 -0
- package/lib/picker/style/index.js +2 -0
- package/lib/picker/style/less.js +2 -0
- package/lib/progress/Progress.d.ts +17 -0
- package/lib/progress/Progress.js +13 -8
- package/lib/progress/index.css +1 -1
- package/lib/progress/index.d.ts +12 -1
- package/lib/progress/index.less +24 -14
- package/lib/progress/types.d.ts +1 -0
- package/lib/progress/var.less +10 -7
- package/lib/pull-refresh/style/index.js +2 -0
- package/lib/pull-refresh/style/less.js +2 -0
- package/lib/switch/style/index.js +2 -0
- package/lib/switch/style/less.js +2 -0
- package/lib/tree-select/TreeSelect.js +9 -4
- package/lib/tree-select/index.css +1 -1
- package/lib/tree-select/index.less +29 -1
- package/lib/vant.cjs.js +308 -128
- package/lib/vant.es.js +308 -128
- package/lib/vant.js +308 -128
- package/lib/vant.min.js +1 -1
- package/lib/web-types.json +1 -1
- package/lib/work-order-card/WorkOrderCard.js +52 -11
- package/lib/work-order-card/index.css +1 -1
- package/lib/work-order-card/index.less +3 -4
- package/lib/work-order-card/style/index.js +2 -0
- package/lib/work-order-card/style/less.js +2 -0
- package/lib/work-order-card/types.d.ts +14 -1
- package/package.json +2 -2
- package/skills/use-persagy-vant/references/component-documentation.md +4 -4
- package/skills/use-persagy-vant/references/component-variant-selection.md +2 -2
- package/skills/use-persagy-vant/references/design-interaction-baseline.md +2 -1
- package/skills/use-persagy-vant/references/page-recipes.md +4 -0
- package/skills/use-persagy-vant/references/reuse-policy.md +2 -2
- /package/es/{loading/assets/building.gif → icon/assets/gif/loading-building.gif} +0 -0
- /package/lib/{loading/assets/building.gif → icon/assets/gif/loading-building.gif} +0 -0
|
@@ -214,76 +214,112 @@ const defaultCategories = [{
|
|
|
214
214
|
text: "\u7EF4\u4FEE\u7269\u8D44",
|
|
215
215
|
kind: "material",
|
|
216
216
|
categories: [{
|
|
217
|
-
|
|
218
|
-
text: "\u7A7A\u8C03\u8BBE\u5907"
|
|
217
|
+
id: "air-conditioner-node",
|
|
218
|
+
text: "\u7A7A\u8C03\u8BBE\u5907",
|
|
219
|
+
children: [{
|
|
220
|
+
value: "air-conditioner",
|
|
221
|
+
text: "\u5236\u51B7\u914D\u4EF6"
|
|
222
|
+
}]
|
|
219
223
|
}, {
|
|
220
|
-
|
|
221
|
-
text: "\u7BA1\u6750\u914D\u4EF6"
|
|
224
|
+
id: "pipe-node",
|
|
225
|
+
text: "\u7BA1\u6750\u914D\u4EF6",
|
|
226
|
+
children: [{
|
|
227
|
+
value: "pipe",
|
|
228
|
+
text: "\u94DC\u7BA1\u914D\u4EF6"
|
|
229
|
+
}]
|
|
222
230
|
}]
|
|
223
231
|
}, {
|
|
224
232
|
id: "safety-root",
|
|
225
233
|
text: "\u5B89\u5168\u7269\u8D44",
|
|
226
234
|
kind: "material",
|
|
227
235
|
categories: [{
|
|
228
|
-
|
|
229
|
-
text: "\
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
236
|
+
id: "protection-node",
|
|
237
|
+
text: "\u4F5C\u4E1A\u9632\u62A4",
|
|
238
|
+
children: [{
|
|
239
|
+
value: "safety-protection",
|
|
240
|
+
text: "\u4E2A\u4EBA\u9632\u62A4"
|
|
241
|
+
}, {
|
|
242
|
+
value: "safety-signage",
|
|
243
|
+
text: "\u73B0\u573A\u6807\u8BC6"
|
|
244
|
+
}]
|
|
233
245
|
}]
|
|
234
246
|
}, {
|
|
235
247
|
id: "office-root",
|
|
236
248
|
text: "\u529E\u516C\u7269\u8D44",
|
|
237
249
|
kind: "material",
|
|
238
250
|
categories: [{
|
|
239
|
-
|
|
240
|
-
text: "\u529E\u516C\
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
251
|
+
id: "office-node",
|
|
252
|
+
text: "\u529E\u516C\u652F\u6301",
|
|
253
|
+
children: [{
|
|
254
|
+
value: "office-supply",
|
|
255
|
+
text: "\u65E5\u5E38\u8017\u6750"
|
|
256
|
+
}, {
|
|
257
|
+
value: "office-records",
|
|
258
|
+
text: "\u5DE1\u68C0\u8BB0\u5F55"
|
|
259
|
+
}]
|
|
244
260
|
}]
|
|
245
261
|
}, {
|
|
246
262
|
id: "other-root",
|
|
247
263
|
text: "\u5176\u4ED6\u7269\u8D44",
|
|
248
264
|
kind: "material",
|
|
249
265
|
categories: [{
|
|
250
|
-
|
|
251
|
-
text: "\
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
266
|
+
id: "other-node",
|
|
267
|
+
text: "\u7EFC\u5408\u4FDD\u969C",
|
|
268
|
+
children: [{
|
|
269
|
+
value: "other-cleaning",
|
|
270
|
+
text: "\u6E05\u6D01\u7528\u54C1"
|
|
271
|
+
}, {
|
|
272
|
+
value: "other-consumables",
|
|
273
|
+
text: "\u901A\u7528\u8017\u6750"
|
|
274
|
+
}]
|
|
255
275
|
}]
|
|
256
276
|
}, {
|
|
257
277
|
id: "tool-root",
|
|
258
278
|
text: "\u7EF4\u4FEE\u5DE5\u5177",
|
|
259
279
|
kind: "tool",
|
|
260
280
|
categories: [{
|
|
261
|
-
|
|
262
|
-
text: "\u624B\u52A8\
|
|
281
|
+
id: "hand-tool-node",
|
|
282
|
+
text: "\u624B\u52A8\u4F5C\u4E1A",
|
|
283
|
+
children: [{
|
|
284
|
+
value: "hand-tool",
|
|
285
|
+
text: "\u5E38\u7528\u5DE5\u5177"
|
|
286
|
+
}]
|
|
263
287
|
}]
|
|
264
288
|
}, {
|
|
265
289
|
id: "meter-root",
|
|
266
290
|
text: "\u6D4B\u91CF\u5DE5\u5177",
|
|
267
291
|
kind: "tool",
|
|
268
292
|
categories: [{
|
|
269
|
-
|
|
270
|
-
text: "\u6D4B\
|
|
293
|
+
id: "meter-node",
|
|
294
|
+
text: "\u68C0\u6D4B\u4EEA\u8868",
|
|
295
|
+
children: [{
|
|
296
|
+
value: "meter",
|
|
297
|
+
text: "\u7535\u6C14\u6D4B\u91CF"
|
|
298
|
+
}]
|
|
271
299
|
}]
|
|
272
300
|
}, {
|
|
273
301
|
id: "installation-root",
|
|
274
302
|
text: "\u5B89\u88C5\u5DE5\u5177",
|
|
275
303
|
kind: "tool",
|
|
276
304
|
categories: [{
|
|
277
|
-
|
|
278
|
-
text: "\u5B89\u88C5\u5DE5
|
|
305
|
+
id: "installation-node",
|
|
306
|
+
text: "\u5B89\u88C5\u65BD\u5DE5",
|
|
307
|
+
children: [{
|
|
308
|
+
value: "installation",
|
|
309
|
+
text: "\u767B\u9AD8\u5DE5\u5177"
|
|
310
|
+
}]
|
|
279
311
|
}]
|
|
280
312
|
}, {
|
|
281
313
|
id: "cleaning-tool-root",
|
|
282
314
|
text: "\u6E05\u6D01\u5DE5\u5177",
|
|
283
315
|
kind: "tool",
|
|
284
316
|
categories: [{
|
|
285
|
-
|
|
286
|
-
text: "\
|
|
317
|
+
id: "cleaning-tool-node",
|
|
318
|
+
text: "\u4FDD\u6D01\u4F5C\u4E1A",
|
|
319
|
+
children: [{
|
|
320
|
+
value: "cleaning-tool",
|
|
321
|
+
text: "\u6E05\u6D01\u8BBE\u5907"
|
|
322
|
+
}]
|
|
287
323
|
}]
|
|
288
324
|
}];
|
|
289
325
|
const materialAddProps = {
|
|
@@ -339,20 +375,90 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
339
375
|
const activeKind = (0, import_vue.ref)(getDefaultKind());
|
|
340
376
|
const keyword = (0, import_vue.ref)("");
|
|
341
377
|
const searching = (0, import_vue.ref)(false);
|
|
342
|
-
const expandedKeys = (0, import_vue.ref)([
|
|
378
|
+
const expandedKeys = (0, import_vue.ref)([]);
|
|
343
379
|
const expandedSelected = (0, import_vue.ref)(false);
|
|
344
380
|
const detailItem = (0, import_vue.ref)();
|
|
345
381
|
const detailInfoExpanded = (0, import_vue.ref)(true);
|
|
346
382
|
const detailUsageExpanded = (0, import_vue.ref)(true);
|
|
347
383
|
const detailNoticeExpanded = (0, import_vue.ref)(true);
|
|
348
384
|
const detailBannerIndex = (0, import_vue.ref)(0);
|
|
385
|
+
const collectCategoryValues = (categories) => categories.flatMap((category) => [...category.value ? [category.value] : [], ...category.children ? collectCategoryValues(category.children) : []]);
|
|
386
|
+
const findCategoryPath = (categories, value, path = []) => {
|
|
387
|
+
for (const category of categories) {
|
|
388
|
+
const nextPath = [...path, category.text];
|
|
389
|
+
if (category.value === value)
|
|
390
|
+
return nextPath;
|
|
391
|
+
const match = category.children && findCategoryPath(category.children, value, nextPath);
|
|
392
|
+
if (match)
|
|
393
|
+
return match;
|
|
394
|
+
}
|
|
395
|
+
return void 0;
|
|
396
|
+
};
|
|
397
|
+
const getCatalogGroups = () => {
|
|
398
|
+
const rootGroups = props.categories.filter((category) => !activeKind.value || category.kind === activeKind.value);
|
|
399
|
+
const configuredValues = new Set(rootGroups.flatMap((group) => collectCategoryValues(group.categories)));
|
|
400
|
+
const ungroupedCategories = [...new Set(props.items.filter((item) => (!activeKind.value || item.kind === activeKind.value) && !configuredValues.has(item.category)).map((item) => item.category))];
|
|
401
|
+
return ungroupedCategories.length ? [...rootGroups, {
|
|
402
|
+
id: `${activeKind.value || "all"}-other`,
|
|
403
|
+
text: "\u672A\u5206\u7C7B",
|
|
404
|
+
kind: activeKind.value || "material",
|
|
405
|
+
categories: ungroupedCategories.map((value) => ({
|
|
406
|
+
value,
|
|
407
|
+
text: value
|
|
408
|
+
}))
|
|
409
|
+
}] : rootGroups;
|
|
410
|
+
};
|
|
411
|
+
const getCatalogItems = () => {
|
|
412
|
+
const materials = props.items.filter((item) => !activeKind.value || item.kind === activeKind.value);
|
|
413
|
+
const createCategoryNode = (category, rootId, path) => {
|
|
414
|
+
var _a, _b;
|
|
415
|
+
const id = (_a = category.id) != null ? _a : `${rootId}-${[...path, category.value || category.text].join("-")}`;
|
|
416
|
+
const childCategories = ((_b = category.children) == null ? void 0 : _b.map((child, index) => createCategoryNode(child, rootId, [...path, index]))) || [];
|
|
417
|
+
const materialLeaves = category.value ? materials.filter((material) => material.category === category.value).map((material) => ({
|
|
418
|
+
id: material.id,
|
|
419
|
+
text: material.name,
|
|
420
|
+
selectable: false,
|
|
421
|
+
material
|
|
422
|
+
})) : [];
|
|
423
|
+
return {
|
|
424
|
+
id,
|
|
425
|
+
text: category.text,
|
|
426
|
+
selectable: false,
|
|
427
|
+
children: [...childCategories, ...materialLeaves]
|
|
428
|
+
};
|
|
429
|
+
};
|
|
430
|
+
return getCatalogGroups().map((root) => ({
|
|
431
|
+
id: root.id,
|
|
432
|
+
text: root.text,
|
|
433
|
+
selectable: false,
|
|
434
|
+
children: root.categories.map((category, index) => createCategoryNode(category, root.id, [index]))
|
|
435
|
+
}));
|
|
436
|
+
};
|
|
437
|
+
const getDefaultExpandedKeys = () => {
|
|
438
|
+
const catalogItems = getCatalogItems();
|
|
439
|
+
const countMaterials = (items) => items.reduce((count, item) => count + (item.material ? 1 : countMaterials(item.children || [])), 0);
|
|
440
|
+
if (countMaterials(catalogItems) !== 1)
|
|
441
|
+
return [];
|
|
442
|
+
const findSingleMaterialPath = (items, path = []) => {
|
|
443
|
+
for (const item of items) {
|
|
444
|
+
const nextPath = [...path, item.id];
|
|
445
|
+
if (item.material)
|
|
446
|
+
return nextPath.slice(0, -1);
|
|
447
|
+
const match = findSingleMaterialPath(item.children || [], nextPath);
|
|
448
|
+
if (match)
|
|
449
|
+
return match;
|
|
450
|
+
}
|
|
451
|
+
return void 0;
|
|
452
|
+
};
|
|
453
|
+
return findSingleMaterialPath(catalogItems) || [];
|
|
454
|
+
};
|
|
349
455
|
(0, import_vue.watch)(() => props.show, (show) => {
|
|
350
456
|
if (show) {
|
|
351
457
|
activeTab.value = getDefaultTab();
|
|
352
458
|
activeKind.value = getDefaultKind();
|
|
353
459
|
keyword.value = "";
|
|
354
460
|
searching.value = false;
|
|
355
|
-
expandedKeys.value =
|
|
461
|
+
expandedKeys.value = getDefaultExpandedKeys();
|
|
356
462
|
expandedSelected.value = false;
|
|
357
463
|
detailItem.value = void 0;
|
|
358
464
|
detailInfoExpanded.value = true;
|
|
@@ -363,6 +469,17 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
363
469
|
}, {
|
|
364
470
|
immediate: true
|
|
365
471
|
});
|
|
472
|
+
(0, import_vue.watch)([activeTab, activeKind], ([tab]) => {
|
|
473
|
+
if (tab === "all") {
|
|
474
|
+
expandedKeys.value = getDefaultExpandedKeys();
|
|
475
|
+
}
|
|
476
|
+
});
|
|
477
|
+
const setActiveTab = (tab) => {
|
|
478
|
+
activeTab.value = tab;
|
|
479
|
+
if (tab === "all") {
|
|
480
|
+
expandedKeys.value = getDefaultExpandedKeys();
|
|
481
|
+
}
|
|
482
|
+
};
|
|
366
483
|
(0, import_vue.watch)(() => [props.showCommonTab, props.showAllTab], () => {
|
|
367
484
|
if (activeTab.value === "common" && !props.showCommonTab || activeTab.value === "all" && !props.showAllTab) {
|
|
368
485
|
activeTab.value = getDefaultTab();
|
|
@@ -427,35 +544,14 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
427
544
|
"class": bem("empty")
|
|
428
545
|
}, [(0, import_vue.createTextVNode)("\u6682\u65E0\u5339\u914D\u7269\u6599")])]);
|
|
429
546
|
const renderCatalog = () => {
|
|
430
|
-
const
|
|
431
|
-
const
|
|
432
|
-
const ungroupedCategories = [...new Set(props.items.filter((item) => (!activeKind.value || item.kind === activeKind.value) && !configuredValues.has(item.category)).map((item) => item.category))];
|
|
433
|
-
const groups = ungroupedCategories.length ? [...rootGroups, {
|
|
434
|
-
id: `${activeKind.value || "all"}-other`,
|
|
435
|
-
text: "\u672A\u5206\u7C7B",
|
|
436
|
-
kind: activeKind.value || "material",
|
|
437
|
-
categories: ungroupedCategories.map((value) => ({
|
|
438
|
-
value,
|
|
439
|
-
text: value
|
|
440
|
-
}))
|
|
441
|
-
}] : rootGroups;
|
|
442
|
-
const items = groups.map((root) => ({
|
|
443
|
-
id: root.id,
|
|
444
|
-
text: root.text,
|
|
445
|
-
selectable: false,
|
|
446
|
-
children: props.items.filter((item) => (!activeKind.value || item.kind === activeKind.value) && root.categories.some((category) => category.value === item.category)).map((material) => ({
|
|
447
|
-
id: material.id,
|
|
448
|
-
text: material.name,
|
|
449
|
-
selectable: false,
|
|
450
|
-
material
|
|
451
|
-
}))
|
|
452
|
-
}));
|
|
547
|
+
const catalogItems = getCatalogItems();
|
|
548
|
+
const defaultExpandedKeys = getDefaultExpandedKeys();
|
|
453
549
|
return (0, import_vue.createVNode)("div", {
|
|
454
550
|
"class": bem("tree-card")
|
|
455
551
|
}, [(0, import_vue.createVNode)(import_tree_select.default, {
|
|
456
|
-
"items":
|
|
552
|
+
"items": catalogItems,
|
|
457
553
|
"modelValue": [],
|
|
458
|
-
"expandedKeys": expandedKeys.value,
|
|
554
|
+
"expandedKeys": expandedKeys.value.length ? expandedKeys.value : defaultExpandedKeys,
|
|
459
555
|
"onUpdate:expandedKeys": (keys) => {
|
|
460
556
|
expandedKeys.value = keys;
|
|
461
557
|
}
|
|
@@ -466,10 +562,7 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
466
562
|
}) => {
|
|
467
563
|
const material = item.material;
|
|
468
564
|
return (0, import_vue.createVNode)("div", {
|
|
469
|
-
"class": bem("catalog-leaf")
|
|
470
|
-
"style": {
|
|
471
|
-
marginLeft: `${level * 16}px`
|
|
472
|
-
}
|
|
565
|
+
"class": bem("catalog-leaf")
|
|
473
566
|
}, [renderMaterialCell(material, props.items.indexOf(material))]);
|
|
474
567
|
}
|
|
475
568
|
})]);
|
|
@@ -477,9 +570,9 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
477
570
|
const renderDetail = () => {
|
|
478
571
|
const item = detailItem.value;
|
|
479
572
|
const [brand = "-", specification = "-", warehouse = "-"] = item.detail.split("\uFF5C");
|
|
480
|
-
const categoryGroup = props.categories.find((group) => group.categories
|
|
481
|
-
const
|
|
482
|
-
const infoRows = [["\u7269\u6599\u540D\u79F0", item.name], ["\u53EF\u7533\u8BF7", String(item.available || 0)], ["\u5F85\u5165\u5E93", "12"], ["\u6240\u5C5E\u5206\u7C7B",
|
|
573
|
+
const categoryGroup = props.categories.find((group) => findCategoryPath(group.categories, item.category));
|
|
574
|
+
const categoryPath = categoryGroup && findCategoryPath(categoryGroup.categories, item.category);
|
|
575
|
+
const infoRows = [["\u7269\u6599\u540D\u79F0", item.name], ["\u53EF\u7533\u8BF7", String(item.available || 0)], ["\u5F85\u5165\u5E93", "12"], ["\u6240\u5C5E\u5206\u7C7B", categoryPath && categoryGroup ? `${categoryGroup.text}/${categoryPath.join("/")}` : item.category], ["\u54C1\u724C", brand], ["\u89C4\u683C", specification], ["\u5355\u4F4D", item.unit], ["\u4F9B\u5E94\u5546", "\u6DF1\u5733\u96C6\u5B89"], ["\u4ED3\u5E93\u540D\u79F0", warehouse], ["\u4ED3\u5E93\u4F4D\u7F6E", "A\u5EA7/B3/\u505C\u8F66\u573A\u5E93\u623F"], ["\u5E93\u7BA1\u5458", "\u674E\u590D\u6052 13880588688\n\u674E\u5175 16885885868"]];
|
|
483
576
|
return (0, import_vue.createVNode)("div", {
|
|
484
577
|
"class": bem("detail-page")
|
|
485
578
|
}, [(0, import_vue.createVNode)("div", {
|
|
@@ -635,9 +728,9 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
635
728
|
}, null)
|
|
636
729
|
}), (props.showCommonTab || props.showAllTab) && (0, import_vue.createVNode)(import_tabs.Tabs, {
|
|
637
730
|
"active": activeTab.value,
|
|
638
|
-
"onUpdate:active": ($event) => activeTab.value = $event,
|
|
639
731
|
"class": bem("tabs"),
|
|
640
|
-
"shrink": true
|
|
732
|
+
"shrink": true,
|
|
733
|
+
"onUpdate:active": setActiveTab
|
|
641
734
|
}, {
|
|
642
735
|
default: () => [props.showCommonTab && (0, import_vue.createVNode)(import_tab.Tab, {
|
|
643
736
|
"name": "common",
|
|
@@ -652,6 +745,7 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
652
745
|
"selected": activeKind.value === "material",
|
|
653
746
|
"onClick": () => {
|
|
654
747
|
activeKind.value = "material";
|
|
748
|
+
expandedKeys.value = getDefaultExpandedKeys();
|
|
655
749
|
}
|
|
656
750
|
}, {
|
|
657
751
|
default: () => [props.materialTabText]
|
|
@@ -659,6 +753,7 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
659
753
|
"selected": activeKind.value === "tool",
|
|
660
754
|
"onClick": () => {
|
|
661
755
|
activeKind.value = "tool";
|
|
756
|
+
expandedKeys.value = getDefaultExpandedKeys();
|
|
662
757
|
}
|
|
663
758
|
}, {
|
|
664
759
|
default: () => [props.toolTabText]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.van-material-action-bar{position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{flex:none;width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:2px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__keyword{color:var(--van-primary-color)}.van-material-add{position:relative;display:flex;flex-direction:column;height:calc(100vh - 96px);max-height:calc(100vh - 96px);bottom:56px;overflow:hidden;background:var(--van-gray-2)}.van-material-add>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.van-material-add__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-material-add__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-material-add__nav .van-nav-bar__right--slot{right:var(--van-padding-md)}.van-material-add__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-material-add__search .van-search__field{padding-left:0}.van-material-add__tabs{flex:none;padding-left:8px;--van-tabs-line-height: 44px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-bottom-bar-width: 40px;--van-tabs-nav-background-color: transparent}.van-material-add__filter-tags{display:flex;flex:none;gap:6px;padding:12px var(--van-padding-md)}.van-material-add__filter-tags .van-filter-tag{min-width:56px;--van-filter-tag-background-color: var(--van-gray-4)}.van-material-add__body{flex:1;min-height:0;padding:0 var(--van-padding-md) 12px;overflow-y:auto}.van-material-add__tree-card{margin-bottom:12px;overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__catalog-leaf{overflow:hidden}.van-material-add__catalog-leaf .van-material-action-bar:after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);display:block;height:1px;content:"";background:var(--van-border-color);transform:scaleY(.5)}.van-tree-select__children>.van-tree-select__node:last-child>.van-material-add__catalog-leaf .van-material-action-bar:after{display:none}.van-material-add__material-list{overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__empty{padding:32px 16px;color:var(--van-text-color-3);font-size:var(--van-font-size-md);text-align:center}.van-material-add__footer{position:relative;z-index:2;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__footer .van-bottom-action-bar{box-shadow:none}.van-material-add__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:340px;overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__selected-header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-material-add__clear,.van-material-add__collapse{padding:0;background:transparent;border:0}.van-material-add__clear{color:var(--van-primary-color);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__collapse{display:inline-flex;gap:2px;align-items:center;color:var(--van-gray-6);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__selected-list{display:flex;flex-direction:column;gap:6px;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto}.van-material-add__detail-page{position:fixed;z-index:3000;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--van-gray-2)}.van-material-add__detail-banner{position:absolute;top:0;right:0;left:0;height:320px;overflow:hidden;background:var(--van-gray-8)}.van-material-add__detail-swipe{height:320px;touch-action:pan-y}.van-material-add__detail-image{width:100%;height:310px;background-position:center;background-size:cover}.van-material-add__detail-image--motor{background-image:url(/dog1.jpg)}.van-material-add__detail-image--blower{background-image:url(/dog2.jpg)}.van-material-add__detail-image--coil{background-image:url(/dog3.jpg)}.van-material-add__detail-dots{position:absolute;z-index:2;top:226px;left:50%;display:flex;gap:6px;transform:translate(-50%)}.van-material-add__detail-dots>i{width:6px;height:6px;background:rgba(255,255,255,.55);border-radius:50%}.van-material-add__detail-dot--active{background:var(--van-white)!important}.van-material-add__detail-close{position:absolute;z-index:1;top:56px;left:var(--van-padding-md);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--van-gray-9);background:var(--van-gray-3);border:0;border-radius:50%;box-shadow:0 2px 5px rgba(27,33,41,.1)}.van-material-add__detail-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;min-height:0;margin-top:246px;overflow:hidden;background:var(--van-white);border-radius:16px 16px 0 0}.van-material-add__detail-body{flex:1;min-height:0;padding:16px var(--van-padding-md) 24px;overflow-y:auto}.van-material-add__detail-section+.van-material-add__detail-section{margin-top:24px}.van-material-add__detail-section .van-blue-mark-header{margin-bottom:8px;padding:0}.van-material-add__detail-card{padding:8px 12px;color:var(--van-gray-9);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:linear-gradient(90deg,var(--van-gray-2),rgba(241,244,246,.2));border-radius:8px}.van-material-add__detail-info-rows{display:flex;flex-direction:column;gap:8px}.van-material-add__detail-row{display:flex;gap:16px;justify-content:space-between;min-height:22px}.van-material-add__detail-row>span{flex:none;width:56px;color:var(--van-gray-6)}.van-material-add__detail-row>strong{flex:1;color:var(--van-gray-9);font-weight:400;text-align:right;white-space:pre-line}.van-material-add__detail-link{color:var(--van-primary-color)!important;font-weight:var(--van-font-weight-bold)!important}.van-material-add-detail-enter-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter);will-change:transform}.van-material-add-detail-leave-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-leave);will-change:transform}.van-material-add-detail-enter-from,.van-material-add-detail-leave-to{transform:translateY(100%)}.van-material-add-detail-section-enter-active,.van-material-add-detail-section-leave-active{overflow:hidden;transition:max-height .2s ease,opacity .2s ease}.van-material-add-detail-section-enter-from,.van-material-add-detail-section-leave-to{max-height:0;opacity:0}.van-material-add-detail-section-enter-to,.van-material-add-detail-section-leave-from{max-height:480px;opacity:1}.van-material-add-item{position:relative;padding:10px var(--van-padding-md);cursor:pointer;transition:background-color .2s ease}.van-material-add-item:active{background-color:var(--van-active-color)}.van-material-add-item--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-add-item--selected:after{display:none}.van-material-add-item:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-add-item__main{display:flex;align-items:center;min-height:22px}.van-material-add-item__detail{display:inline-flex;flex:1;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0}.van-material-add-item__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__kind-tag{flex:none;margin-left:4px}.van-material-add-item__stepper{flex:none;margin-left:8px;--van-stepper-input-width: 32px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-add-item__unit{width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__desc{margin:4px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__keyword{color:var(--van-primary-color)}
|
|
1
|
+
.van-material-action-bar{--van-material-action-bar-title-font-weight: var(--van-font-weight-bold);position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);font-weight:var(--van-material-action-bar-title-font-weight);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{flex:none;width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:2px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__keyword{color:var(--van-primary-color)}.van-material-add{position:relative;display:flex;flex-direction:column;height:calc(100vh - 96px);max-height:calc(100vh - 96px);bottom:56px;overflow:hidden;background:var(--van-gray-2)}.van-material-add>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.van-material-add__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-material-add__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-material-add__nav .van-nav-bar__right--slot{right:var(--van-padding-md)}.van-material-add__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-material-add__search .van-search__field{padding-left:0}.van-material-add__tabs{flex:none;padding-left:8px;--van-tabs-line-height: 44px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-bottom-bar-width: 40px;--van-tabs-nav-background-color: transparent}.van-material-add__filter-tags{display:flex;flex:none;gap:6px;padding:12px var(--van-padding-md)}.van-material-add__filter-tags .van-filter-tag{min-width:56px;--van-filter-tag-background-color: var(--van-gray-4)}.van-material-add__body{flex:1;min-height:0;padding:0 var(--van-padding-md) 12px;overflow-y:auto}.van-material-add__tree-card{margin-bottom:12px;overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__catalog-leaf{overflow:hidden}.van-material-add__material-list{overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__empty{padding:32px 16px;color:var(--van-text-color-3);font-size:var(--van-font-size-md);text-align:center}.van-material-add__footer{position:relative;z-index:2;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__footer .van-bottom-action-bar{box-shadow:none}.van-material-add__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:340px;overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__selected-header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-material-add__clear,.van-material-add__collapse{padding:0;background:transparent;border:0}.van-material-add__clear{color:var(--van-primary-color);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__collapse{display:inline-flex;gap:2px;align-items:center;color:var(--van-gray-6);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__selected-list{display:flex;flex-direction:column;gap:6px;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto}.van-material-add__detail-page{position:fixed;z-index:3000;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--van-gray-2)}.van-material-add__detail-banner{position:absolute;top:0;right:0;left:0;height:320px;overflow:hidden;background:var(--van-gray-8)}.van-material-add__detail-swipe{height:320px;touch-action:pan-y}.van-material-add__detail-image{width:100%;height:310px;background-position:center;background-size:cover}.van-material-add__detail-image--motor{background-image:url(/dog1.jpg)}.van-material-add__detail-image--blower{background-image:url(/dog2.jpg)}.van-material-add__detail-image--coil{background-image:url(/dog3.jpg)}.van-material-add__detail-dots{position:absolute;z-index:2;top:226px;left:50%;display:flex;gap:6px;transform:translate(-50%)}.van-material-add__detail-dots>i{width:6px;height:6px;background:rgba(255,255,255,.55);border-radius:50%}.van-material-add__detail-dot--active{background:var(--van-white)!important}.van-material-add__detail-close{position:absolute;z-index:1;top:56px;left:var(--van-padding-md);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--van-gray-9);background:var(--van-gray-3);border:0;border-radius:50%;box-shadow:0 2px 5px rgba(27,33,41,.1)}.van-material-add__detail-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;min-height:0;margin-top:246px;overflow:hidden;background:var(--van-white);border-radius:16px 16px 0 0}.van-material-add__detail-body{flex:1;min-height:0;padding:16px var(--van-padding-md) 24px;overflow-y:auto}.van-material-add__detail-section+.van-material-add__detail-section{margin-top:24px}.van-material-add__detail-section .van-blue-mark-header{margin-bottom:8px;padding:0}.van-material-add__detail-card{padding:8px 12px;color:var(--van-gray-9);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:linear-gradient(90deg,var(--van-gray-2),rgba(241,244,246,.2));border-radius:8px}.van-material-add__detail-info-rows{display:flex;flex-direction:column;gap:8px}.van-material-add__detail-row{display:flex;gap:16px;justify-content:space-between;min-height:22px}.van-material-add__detail-row>span{flex:none;width:56px;color:var(--van-gray-6)}.van-material-add__detail-row>strong{flex:1;color:var(--van-gray-9);font-weight:400;text-align:right;white-space:pre-line}.van-material-add__detail-link{color:var(--van-primary-color)!important;font-weight:var(--van-font-weight-bold)!important}.van-material-add-detail-enter-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter);will-change:transform}.van-material-add-detail-leave-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-leave);will-change:transform}.van-material-add-detail-enter-from,.van-material-add-detail-leave-to{transform:translateY(100%)}.van-material-add-detail-section-enter-active,.van-material-add-detail-section-leave-active{overflow:hidden;transition:max-height .2s ease,opacity .2s ease}.van-material-add-detail-section-enter-from,.van-material-add-detail-section-leave-to{max-height:0;opacity:0}.van-material-add-detail-section-enter-to,.van-material-add-detail-section-leave-from{max-height:480px;opacity:1}.van-material-add-item{position:relative;padding:10px var(--van-padding-md);cursor:pointer;transition:background-color .2s ease}.van-material-add-item:active{background-color:var(--van-active-color)}.van-material-add-item--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-add-item--selected:after{display:none}.van-material-add-item:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-add-item__main{display:flex;align-items:center;min-height:22px}.van-material-add-item__detail{display:inline-flex;flex:1;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0}.van-material-add-item__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__kind-tag{flex:none;margin-left:4px}.van-material-add-item__stepper{flex:none;margin-left:8px;--van-stepper-input-width: 32px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-add-item__unit{width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__desc{margin:4px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__keyword{color:var(--van-primary-color)}
|
|
@@ -129,7 +129,7 @@ export declare const MaterialAdd: import("../utils").WithInstall<import("vue").D
|
|
|
129
129
|
}>>;
|
|
130
130
|
export default MaterialAdd;
|
|
131
131
|
export type { MaterialAddProps } from './MaterialAdd';
|
|
132
|
-
export type { MaterialAddCategory, MaterialAddItem } from './types';
|
|
132
|
+
export type { MaterialAddCategory, MaterialAddCategoryNode, MaterialAddItem } from './types';
|
|
133
133
|
declare module 'vue' {
|
|
134
134
|
interface GlobalComponents {
|
|
135
135
|
VanMaterialAdd: typeof MaterialAdd;
|
|
@@ -22,20 +22,6 @@
|
|
|
22
22
|
&__body { flex: 1; min-height: 0; padding: 0 var(--van-padding-md) 12px; overflow-y: auto; }
|
|
23
23
|
&__tree-card { margin-bottom: 12px; overflow: hidden; background: var(--van-white); border-radius: 8px; }
|
|
24
24
|
&__catalog-leaf { overflow: hidden; }
|
|
25
|
-
// Tree leaf nodes each sit inside their own wrapper, so restore the list
|
|
26
|
-
// divider here instead of relying on the item sibling selector.
|
|
27
|
-
&__catalog-leaf .van-material-action-bar::after {
|
|
28
|
-
position: absolute;
|
|
29
|
-
right: var(--van-padding-md);
|
|
30
|
-
bottom: 0;
|
|
31
|
-
left: var(--van-padding-md);
|
|
32
|
-
display: block;
|
|
33
|
-
height: 1px;
|
|
34
|
-
content: '';
|
|
35
|
-
background: var(--van-border-color);
|
|
36
|
-
transform: scaleY(.5);
|
|
37
|
-
}
|
|
38
|
-
.van-tree-select__children > .van-tree-select__node:last-child > &__catalog-leaf .van-material-action-bar::after { display: none; }
|
|
39
25
|
&__material-list { overflow: hidden; background: var(--van-white); border-radius: 8px; }
|
|
40
26
|
&__empty { padding: 32px 16px; color: var(--van-text-color-3); font-size: var(--van-font-size-md); text-align: center; }
|
|
41
27
|
&__footer { position: relative; z-index: 2; flex: none; background: var(--van-white); box-shadow: 0 -2px 5px rgb(27 33 41 / 10%); .van-bottom-action-bar { box-shadow: none; } }
|
|
@@ -12,8 +12,11 @@ export declare type MaterialAddCategory = {
|
|
|
12
12
|
id: Numeric;
|
|
13
13
|
text: string;
|
|
14
14
|
kind: 'material' | 'tool';
|
|
15
|
-
categories:
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
categories: MaterialAddCategoryNode[];
|
|
16
|
+
};
|
|
17
|
+
export declare type MaterialAddCategoryNode = {
|
|
18
|
+
id?: Numeric;
|
|
19
|
+
value?: string;
|
|
20
|
+
text: string;
|
|
21
|
+
children?: MaterialAddCategoryNode[];
|
|
19
22
|
};
|
|
@@ -52,6 +52,17 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
52
52
|
const swipeRef = (0, import_vue.ref)();
|
|
53
53
|
const item = (0, import_vue.computed)(() => props.item);
|
|
54
54
|
const close = () => emit("update:show", false);
|
|
55
|
+
const findCategoryPath = (categories, value, path = []) => {
|
|
56
|
+
for (const category of categories) {
|
|
57
|
+
const nextPath = [...path, category.text];
|
|
58
|
+
if (category.value === value)
|
|
59
|
+
return nextPath;
|
|
60
|
+
const match = category.children && findCategoryPath(category.children, value, nextPath);
|
|
61
|
+
if (match)
|
|
62
|
+
return match;
|
|
63
|
+
}
|
|
64
|
+
return void 0;
|
|
65
|
+
};
|
|
55
66
|
const infoRows = (0, import_vue.computed)(() => {
|
|
56
67
|
if (props.fields.length) {
|
|
57
68
|
return props.fields;
|
|
@@ -59,14 +70,8 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
59
70
|
if (!item.value)
|
|
60
71
|
return [];
|
|
61
72
|
const [brand = "-", specification = "-", warehouse = "-"] = item.value.detail.split("\uFF5C");
|
|
62
|
-
const group = props.categories.find((entry) => entry.categories.
|
|
63
|
-
|
|
64
|
-
return category2.value === ((_a = item.value) == null ? void 0 : _a.category);
|
|
65
|
-
}));
|
|
66
|
-
const category = group == null ? void 0 : group.categories.find((entry) => {
|
|
67
|
-
var _a;
|
|
68
|
-
return entry.value === ((_a = item.value) == null ? void 0 : _a.category);
|
|
69
|
-
});
|
|
73
|
+
const group = props.categories.find((entry) => findCategoryPath(entry.categories, item.value.category));
|
|
74
|
+
const categoryPath = group && findCategoryPath(group.categories, item.value.category);
|
|
70
75
|
return [{
|
|
71
76
|
label: "\u7269\u6599\u540D\u79F0",
|
|
72
77
|
content: item.value.name
|
|
@@ -78,7 +83,7 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
78
83
|
content: "12"
|
|
79
84
|
}, {
|
|
80
85
|
label: "\u6240\u5C5E\u5206\u7C7B",
|
|
81
|
-
content:
|
|
86
|
+
content: categoryPath && group ? `${group.text}/${categoryPath.join("/")}` : item.value.category
|
|
82
87
|
}, {
|
|
83
88
|
label: "\u54C1\u724C",
|
|
84
89
|
content: brand
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--van-material-display-bar-padding: 10px var(--van-padding-md);--van-material-display-bar-radius: var(--van-border-radius-lg);--van-material-display-bar-gap: 4px;--van-material-display-bar-fields-gap: 0;--van-material-display-bar-field-label-max-width: 120px;--van-material-display-bar-title-color: var(--van-gray-8);--van-material-display-bar-title-font-size: var(--van-font-size-md);--van-material-display-bar-title-line-height: var(--van-line-height-lg);--van-material-display-bar-title-gap: 2px;--van-material-display-bar-title-icon-size: 12px;--van-material-display-bar-quantity-color: var(--van-orange-700);--van-material-display-bar-quantity-gap: 4px;--van-material-display-bar-quantity-label-gap: 4px}.van-material-display-bar{overflow:hidden;background:var(--van-white)}.van-material-display-bar--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__body{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap);padding:var(--van-material-display-bar-padding)}.van-material-display-bar__header,.van-material-display-bar__quantity,.van-material-display-bar__title{display:flex;align-items:center}.van-material-display-bar__header{justify-content:space-between;gap:var(--van-material-display-bar-gap);min-width:0}.van-material-display-bar__title{flex:1 1 0;min-width:0;gap:var(--van-material-display-bar-title-gap);padding:0;overflow:hidden;color:var(--van-material-display-bar-title-color);font:inherit;font-size:var(--van-material-display-bar-title-font-size);font-weight:
|
|
1
|
+
:root{--van-material-display-bar-padding: 10px var(--van-padding-md);--van-material-display-bar-radius: var(--van-border-radius-lg);--van-material-display-bar-gap: 4px;--van-material-display-bar-fields-gap: 0;--van-material-display-bar-field-label-max-width: 120px;--van-material-display-bar-title-color: var(--van-gray-8);--van-material-display-bar-title-font-size: var(--van-font-size-md);--van-material-display-bar-title-font-weight: var(--van-font-weight-bold);--van-material-display-bar-title-line-height: var(--van-line-height-lg);--van-material-display-bar-title-gap: 2px;--van-material-display-bar-title-icon-size: 12px;--van-material-display-bar-quantity-color: var(--van-orange-700);--van-material-display-bar-quantity-gap: 4px;--van-material-display-bar-quantity-label-gap: 4px}.van-material-display-bar{overflow:hidden;background:var(--van-white)}.van-material-display-bar--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__body{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap);padding:var(--van-material-display-bar-padding)}.van-material-display-bar__header,.van-material-display-bar__quantity,.van-material-display-bar__title{display:flex;align-items:center}.van-material-display-bar__header{justify-content:space-between;gap:var(--van-material-display-bar-gap);min-width:0}.van-material-display-bar__title{flex:1 1 0;min-width:0;gap:var(--van-material-display-bar-title-gap);padding:0;overflow:hidden;color:var(--van-material-display-bar-title-color);font:inherit;font-size:var(--van-material-display-bar-title-font-size);font-weight:var(--van-material-display-bar-title-font-weight);line-height:var(--van-material-display-bar-title-line-height);text-align:left;background:transparent;border:0;cursor:pointer}.van-material-display-bar__title:active{opacity:var(--van-active-opacity)}.van-material-display-bar__title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__title-arrow{flex:none;color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-icon-size)}.van-material-display-bar__quantity{flex:none;gap:var(--van-material-display-bar-quantity-gap);color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-font-size);line-height:var(--van-material-display-bar-title-line-height);white-space:nowrap}.van-material-display-bar__quantity strong{color:var(--van-material-display-bar-quantity-color);font-weight:var(--van-font-weight-bold)}.van-material-display-bar__quantity-label{margin-right:var(--van-material-display-bar-quantity-label-gap)}.van-material-display-bar__stock-insufficient{flex:none;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md);white-space:nowrap}.van-material-display-bar__fields{display:flex;flex-direction:column;gap:var(--van-material-display-bar-fields-gap);width:100%}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media){min-width:0}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__label{max-width:var(--van-material-display-bar-field-label-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__value,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__text,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__text,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__link{display:block}.van-material-display-bar__divider.van-divider{margin:0 var(--van-padding-md)}.van-material-display-bar__bottom{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap)}.van-material-display-bar__swipe-cell{overflow:hidden;background:var(--van-gray-2)}.van-material-display-bar__swipe-cell--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__delete{width:calc(100% - 8px);height:100%;margin:0 4px;border:0;border-radius:8px}
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
--van-material-display-bar-field-label-max-width: @material-detail-field-label-max-width;
|
|
9
9
|
--van-material-display-bar-title-color: @material-detail-title-color;
|
|
10
10
|
--van-material-display-bar-title-font-size: @material-detail-title-font-size;
|
|
11
|
+
--van-material-display-bar-title-font-weight: @material-detail-title-font-weight;
|
|
11
12
|
--van-material-display-bar-title-line-height: @material-detail-title-line-height;
|
|
12
13
|
--van-material-display-bar-title-gap: @material-detail-title-gap;
|
|
13
14
|
--van-material-display-bar-title-icon-size: @material-detail-title-icon-size;
|
|
@@ -51,7 +52,7 @@
|
|
|
51
52
|
color: var(--van-material-display-bar-title-color);
|
|
52
53
|
font: inherit;
|
|
53
54
|
font-size: var(--van-material-display-bar-title-font-size);
|
|
54
|
-
font-weight:
|
|
55
|
+
font-weight: var(--van-material-display-bar-title-font-weight);
|
|
55
56
|
line-height: var(--van-material-display-bar-title-line-height);
|
|
56
57
|
text-align: left;
|
|
57
58
|
background: transparent;
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
@material-detail-field-label-max-width: 120px;
|
|
6
6
|
@material-detail-title-color: var(--van-gray-8);
|
|
7
7
|
@material-detail-title-font-size: var(--van-font-size-md);
|
|
8
|
+
@material-detail-title-font-weight: var(--van-font-weight-bold);
|
|
8
9
|
@material-detail-title-line-height: var(--van-line-height-lg);
|
|
9
10
|
@material-detail-title-gap: 2px;
|
|
10
11
|
@material-detail-title-icon-size: 12px;
|
package/lib/picker/style/less.js
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
import { type ExtractPropTypes } from 'vue';
|
|
2
2
|
import { type Numeric } from '../utils';
|
|
3
|
+
import type { ProgressSize } from './types';
|
|
3
4
|
declare const progressProps: {
|
|
5
|
+
size: {
|
|
6
|
+
type: import("vue").PropType<ProgressSize>;
|
|
7
|
+
default: ProgressSize;
|
|
8
|
+
};
|
|
4
9
|
color: StringConstructor;
|
|
5
10
|
inactive: BooleanConstructor;
|
|
6
11
|
pivotText: StringConstructor;
|
|
7
12
|
textColor: StringConstructor;
|
|
13
|
+
textSize: (NumberConstructor | StringConstructor)[];
|
|
8
14
|
showPivot: {
|
|
9
15
|
type: BooleanConstructor;
|
|
10
16
|
default: true;
|
|
@@ -20,10 +26,15 @@ declare const progressProps: {
|
|
|
20
26
|
};
|
|
21
27
|
export declare type ProgressProps = ExtractPropTypes<typeof progressProps>;
|
|
22
28
|
declare const _default: import("vue").DefineComponent<{
|
|
29
|
+
size: {
|
|
30
|
+
type: import("vue").PropType<ProgressSize>;
|
|
31
|
+
default: ProgressSize;
|
|
32
|
+
};
|
|
23
33
|
color: StringConstructor;
|
|
24
34
|
inactive: BooleanConstructor;
|
|
25
35
|
pivotText: StringConstructor;
|
|
26
36
|
textColor: StringConstructor;
|
|
37
|
+
textSize: (NumberConstructor | StringConstructor)[];
|
|
27
38
|
showPivot: {
|
|
28
39
|
type: BooleanConstructor;
|
|
29
40
|
default: true;
|
|
@@ -37,10 +48,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
37
48
|
validator: (value: Numeric) => boolean;
|
|
38
49
|
};
|
|
39
50
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
51
|
+
size: {
|
|
52
|
+
type: import("vue").PropType<ProgressSize>;
|
|
53
|
+
default: ProgressSize;
|
|
54
|
+
};
|
|
40
55
|
color: StringConstructor;
|
|
41
56
|
inactive: BooleanConstructor;
|
|
42
57
|
pivotText: StringConstructor;
|
|
43
58
|
textColor: StringConstructor;
|
|
59
|
+
textSize: (NumberConstructor | StringConstructor)[];
|
|
44
60
|
showPivot: {
|
|
45
61
|
type: BooleanConstructor;
|
|
46
62
|
default: true;
|
|
@@ -54,6 +70,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
54
70
|
validator: (value: Numeric) => boolean;
|
|
55
71
|
};
|
|
56
72
|
}>>, {
|
|
73
|
+
size: ProgressSize;
|
|
57
74
|
inactive: boolean;
|
|
58
75
|
showPivot: boolean;
|
|
59
76
|
percentage: string | number;
|