@ibiz-template/vue3-util 0.7.41-alpha.32 → 0.7.41-alpha.34

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 (41) hide show
  1. package/dist/index.min.css +1 -1
  2. package/dist/index.system.min.js +1 -1
  3. package/es/common/badge/badge.css +1 -1
  4. package/es/common/badge/badge.d.ts.map +1 -1
  5. package/es/common/badge/badge.mjs +1 -1
  6. package/es/index.mjs +1 -2
  7. package/es/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.css +1 -1
  8. package/es/panel-component/panel-container-group/panel-container-group.css +1 -1
  9. package/es/panel-component/panel-container-group/panel-container-group.d.ts.map +1 -1
  10. package/es/panel-component/panel-container-group/panel-container-group.mjs +1 -1
  11. package/es/panel-component/panel-container-image/panel-container-image.css +1 -1
  12. package/es/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.css +1 -0
  13. package/es/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.d.ts +1 -0
  14. package/es/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.d.ts.map +1 -1
  15. package/es/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.mjs +2 -1
  16. package/es/panel-component/panel-field/panel-field.css +1 -1
  17. package/es/use/index.mjs +1 -1
  18. package/es/use/vue/vue.d.ts +9 -0
  19. package/es/use/vue/vue.d.ts.map +1 -1
  20. package/es/use/vue/vue.mjs +14 -1
  21. package/es/util/index.d.ts +0 -1
  22. package/es/util/index.d.ts.map +1 -1
  23. package/es/util/index.mjs +0 -1
  24. package/lib/common/badge/badge.cjs +1 -1
  25. package/lib/common/badge/badge.css +1 -1
  26. package/lib/index.cjs +1 -2
  27. package/lib/panel-component/auth-wxmp-qrcode/auth-wxmp-qrcode.css +1 -1
  28. package/lib/panel-component/panel-container-group/panel-container-group.cjs +1 -1
  29. package/lib/panel-component/panel-container-group/panel-container-group.css +1 -1
  30. package/lib/panel-component/panel-container-image/panel-container-image.css +1 -1
  31. package/lib/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.cjs +2 -1
  32. package/lib/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.css +1 -0
  33. package/lib/panel-component/panel-field/panel-field.css +1 -1
  34. package/lib/use/index.cjs +1 -0
  35. package/lib/use/vue/vue.cjs +14 -0
  36. package/lib/util/index.cjs +0 -2
  37. package/package.json +4 -4
  38. package/es/util/control/prepare-control.d.ts +0 -15
  39. package/es/util/control/prepare-control.d.ts.map +0 -1
  40. package/es/util/control/prepare-control.mjs +0 -22
  41. package/lib/util/control/prepare-control.cjs +0 -24
@@ -1 +1 @@
1
- .ibiz-badge{--ibiz-badge-bg-color:var(--ibiz-color-danger);--ibiz-badge-height:18px;--ibiz-badge-border-radius:10px;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--ibiz-badge-height);padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);line-height:normal;color:var(--ibiz-color-danger-text);white-space:nowrap;background-color:var(--ibiz-badge-bg-color);border:1px solid transparent;border-radius:var(--ibiz-badge-border-radius)}.ibiz-badge--danger{--ibiz-badge-bg-color:var(--ibiz-color-danger)}.ibiz-badge--success{--ibiz-badge-bg-color:var(--ibiz-color-success)}.ibiz-badge--warning{--ibiz-badge-bg-color:var(--ibiz-color-warning)}.ibiz-badge--info{--ibiz-badge-bg-color:var(--ibiz-color-info)}.ibiz-badge--primary{--ibiz-badge-bg-color:var(--ibiz-color-primary)}
1
+ .ibiz-badge{--ibiz-badge-bg-color:var(--ibiz-color-danger);--ibiz-badge-height:18px;--ibiz-badge-border-radius:10px;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--ibiz-badge-height);padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);line-height:normal;color:var(--ibiz-color-danger-text);white-space:nowrap;background-color:var(--ibiz-badge-bg-color);border:1px solid transparent;border-radius:var(--ibiz-badge-border-radius)}.ibiz-badge--danger{--ibiz-badge-bg-color:var(--ibiz-color-danger)}.ibiz-badge--success{--ibiz-badge-bg-color:var(--ibiz-color-success)}.ibiz-badge--warning{--ibiz-badge-bg-color:var(--ibiz-color-warning)}.ibiz-badge--info{--ibiz-badge-bg-color:var(--ibiz-color-info)}.ibiz-badge--primary{--ibiz-badge-bg-color:var(--ibiz-color-primary)}.ibiz-badge.is-mob{--ibiz-panel-badge-text-color:var(--ibiz-color-white);--ibiz-panel-badge-font-weight:600;--ibiz-panel-badge-height:1.125rem;--ibiz-panel-badge-border-radius:0.625rem;font-weight:var(--ibiz-panel-badge-font-weight);color:var(--ibiz-panel-badge-text-color)}
@@ -1 +1 @@
1
- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/common/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAsCpB,CAAC"}
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/common/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA4CpB,CAAC"}
@@ -37,7 +37,7 @@ const IBizBadge = /* @__PURE__ */ defineComponent({
37
37
  return;
38
38
  }
39
39
  return createVNode("div", {
40
- "class": [this.ns.b(), this.ns.m(this.type)]
40
+ "class": [this.ns.b(), this.ns.m(this.type), this.ns.is("mob", ibiz.env.isMob)]
41
41
  }, [this.value > this.max ? "".concat(this.max, "+") : this.value]);
42
42
  }
43
43
  });
package/es/index.mjs CHANGED
@@ -79,7 +79,7 @@ export { useRouteKey, useRouterQuery } from './use/route/route.mjs';
79
79
  export { useCtx, useMobCtx } from './use/util/index.mjs';
80
80
  export { useViewController } from './use/view/use-view-controller/use-view-controller.mjs';
81
81
  export { useViewOperation } from './use/view/use-view-operation/use-view-operation.mjs';
82
- export { EmptyVNode, getOrigin, isEmptyVNode, useController, useForce, useForceTogether, useProps, usePropsWatch } from './use/vue/vue.mjs';
82
+ export { EmptyVNode, getOrigin, isEmptyVNode, useController, useFilterAttribute, useForce, useForceTogether, useProps, usePropsWatch } from './use/vue/vue.mjs';
83
83
  export { useCodeListListen } from './use/codeList-listen/codelist-listen.mjs';
84
84
  export { useLocalCacheKey } from './use/storage/index.mjs';
85
85
  export { useAutoFocusBlur } from './use/autofocus-blur/autofocus-blur.mjs';
@@ -91,7 +91,6 @@ export { routerCallback } from './util/router-callback/router-callback.mjs';
91
91
  export { calcResRoutePath, excludeViewTypes, generateRoutePath, generateRoutePathByModal, getNestedRoutePath, getOwnRouteContext, onRouteChange, parseRouteViewData, route2routePath, routePath2string } from './util/route/route.mjs';
92
92
  export { RouteListener } from './util/route/route-listener.mjs';
93
93
  export { withInstall } from './util/install.mjs';
94
- export { prepareControl } from './util/control/prepare-control.mjs';
95
94
  export { hasEmptyPanelRenderer, renderString } from './util/render/render.mjs';
96
95
  export { createOverlayView, getDrawerPlacement, openViewDrawer, openViewFloatWindow, openViewModal, openViewPopover } from './util/overlay-view-util/overlay-view-util.mjs';
97
96
  export { useAppStore } from './util/store/app-store/app-store.mjs';
@@ -1 +1 @@
1
- .ibiz-auth-wxmp-qrcode{width:100%;height:100%}.ibiz-auth-wxmp-qrcode__content{position:relative;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__qrcode{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ibiz-auth-wxmp-qrcode__caption{font-size:var(--ibiz-font-size-small);text-align:center}.ibiz-auth-wxmp-qrcode__mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ibiz-color-primary);background-color:rgba(255,255,255,.9)}.ibiz-auth-wxmp-qrcode__mask--icon{font-size:var(--ibiz-font-size-header-1);cursor:pointer}.ibiz-auth-wxmp-qrcode__mask--icon:hover{color:var(--ibiz-color-primary-hover)}
1
+ .ibiz-auth-wxmp-qrcode{--ibiz-auth-wxmp-qrcode-caption-font-size:var(--ibiz-font-size-small);--ibiz-auth-wxmp-qrcode-mask-color:var(--ibiz-color-primary);--ibiz-auth-wxmp-qrcode-mask-icon-font-size:var(--ibiz-font-size-header-1);--ibiz-auth-wxmp-qrcode-mask-icon-hover-color:var(--ibiz-color-primary-hover);width:100%;height:100%}.ibiz-auth-wxmp-qrcode__content{position:relative;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__qrcode{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ibiz-auth-wxmp-qrcode__caption{font-size:var(--ibiz-auth-wxmp-qrcode-caption-font-size);text-align:center}.ibiz-auth-wxmp-qrcode__mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ibiz-auth-wxmp-qrcode-mask-color);background-color:rgba(255,255,255,.9)}.ibiz-auth-wxmp-qrcode__mask--icon{font-size:var(--ibiz-auth-wxmp-qrcode-mask-icon-font-size);cursor:pointer}.ibiz-auth-wxmp-qrcode__mask--icon:hover{color:var(--ibiz-auth-wxmp-qrcode-mask-icon-hover-color)}
@@ -1 +1 @@
1
- .ibiz-panel-container-group{--ibiz-panel-container-group-bg-color:transparent;--ibiz-panel-container-group-header-bg-color:transparent;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base-tight);--ibiz-panel-container-group-header-border-color:var(--ibiz-color-border);--ibiz-panel-container-group-header-height:49px;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-container-group-content-bg-color:transparent;--ibiz-panel-container-group-content-padding:var(--ibiz-spacing-tight)}.ibiz-panel-container-group{height:100%;background-color:var(--ibiz-panel-container-group-bg-color);border-radius:var(--ibiz-border-radius-base)}.ibiz-panel-container-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;font-size:var(--ibiz-panel-container-group-caption-font-size);font-weight:var(--ibiz-panel-container-group-caption-font-weight);color:var(--ibiz-panel-container-group-caption-text-color)}.ibiz-panel-container-group__caption--icon{padding-right:var(--ibiz-spacing-tight)}.ibiz-panel-container-group__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-panel-container-group-collapse>.ibiz-panel-container-group-content{display:block}.ibiz-panel-container-group-collapse.is-collapse>.ibiz-panel-container-group-content{display:none}.ibiz-panel-container-group-header{display:flex;height:var(--ibiz-panel-container-group-header-height);padding:var(--ibiz-panel-container-group-header-padding);margin:var(--ibiz-panel-container-group-header-margin);border-bottom:1px solid var(--ibiz-panel-container-group-header-border-color)}.ibiz-panel-container-group-header__left,.ibiz-panel-container-group-header__right{display:inline-block;width:50%}.ibiz-panel-container-group-header__right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.ibiz-panel-container-group-content{width:100%;height:100%}.ibiz-panel-container-group-content>.ibiz-row{width:100%;height:100%}.ibiz-panel-container-group--show-header>.ibiz-panel-container-group-content{height:calc(100% - var(--ibiz-panel-container-group-header-height));padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}
1
+ .ibiz-panel-container-group{--ibiz-panel-container-group-bg-color:transparent;--ibiz-panel-container-group-icon-padding-right:var(--ibiz-spacing-tight);--ibiz-panel-container-group-counter-padding-left:var(--ibiz-spacing-tight);--ibiz-panel-container-group-header-bg-color:transparent;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base-tight);--ibiz-panel-container-group-header-border-color:var(--ibiz-color-border);--ibiz-panel-container-group-header-height:49px;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-container-group-content-bg-color:transparent;--ibiz-panel-container-group-content-padding:var(--ibiz-spacing-tight)}.ibiz-panel-container-group{height:100%;background-color:var(--ibiz-panel-container-group-bg-color);border-radius:var(--ibiz-border-radius-base)}.ibiz-panel-container-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;font-size:var(--ibiz-panel-container-group-caption-font-size);font-weight:var(--ibiz-panel-container-group-caption-font-weight);color:var(--ibiz-panel-container-group-caption-text-color)}.ibiz-panel-container-group__caption--icon{padding-right:var(--ibiz-panel-container-group-icon-padding-right)}.ibiz-panel-container-group__counter{margin-left:var(--ibiz-panel-container-group-counter-padding-left)}.ibiz-panel-container-group.is-mob{--ibiz-panel-container-group-header-height:3rem;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base);--ibiz-panel-container-group-header-bg-color:var(--ibiz-color-bg-0);--ibiz-panel-container-group-content-padding:0.5rem 1rem;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-2);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-panel-container-group-content-bg-color:var(--ibiz-color-bg-1)}.ibiz-panel-container-group.is-mob .ibiz-panel-container-group__caption{line-height:1rem}.ibiz-panel-container-group.is-mob .ibiz-panel-container-group-header{background-color:var(--ibiz-panel-container-group-header-bg-color);border-bottom:none}.ibiz-panel-container-group.is-mob .ibiz-panel-container-group-content{padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}.ibiz-panel-container-group-collapse>.ibiz-panel-container-group-content{display:block}.ibiz-panel-container-group-collapse.is-collapse>.ibiz-panel-container-group-content{display:none}.ibiz-panel-container-group-header{display:flex;height:var(--ibiz-panel-container-group-header-height);padding:var(--ibiz-panel-container-group-header-padding);margin:var(--ibiz-panel-container-group-header-margin);border-bottom:1px solid var(--ibiz-panel-container-group-header-border-color)}.ibiz-panel-container-group-header__left,.ibiz-panel-container-group-header__right{display:inline-block;width:50%}.ibiz-panel-container-group-header__right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.ibiz-panel-container-group-content{width:100%;height:100%}.ibiz-panel-container-group-content>.ibiz-row{width:100%;height:100%}.ibiz-panel-container-group--show-header>.ibiz-panel-container-group-content{height:calc(100% - var(--ibiz-panel-container-group-header-height));padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}
@@ -1 +1 @@
1
- {"version":3,"file":"panel-container-group.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-group/panel-container-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAwB,QAAQ,EAAmB,MAAM,KAAK,CAAC;AACtE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAGnF,OAAO,8BAA8B,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;0BAWwB,IAAI;;IApB/B;;OAEG;;;;;IAKH;;OAEG;;;;;iGA+GL,CAAC"}
1
+ {"version":3,"file":"panel-container-group.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-container-group/panel-container-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAwB,QAAQ,EAAmB,MAAM,KAAK,CAAC;AACtE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAGnF,OAAO,8BAA8B,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;IAG5B;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;0BAWwB,IAAI;;IApB/B;;OAEG;;;;;IAKH;;OAEG;;;;;iGAgHL,CAAC"}
@@ -61,7 +61,7 @@ const PanelContainerGroup = /* @__PURE__ */ defineComponent({
61
61
  render() {
62
62
  var _a, _b;
63
63
  let _slot;
64
- const classArr = [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("hidden", !this.controller.state.visible)];
64
+ const classArr = [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("hidden", !this.controller.state.visible), this.ns.is("mob", ibiz.env.isMob)];
65
65
  if (this.modelData.showCaption === true) {
66
66
  classArr.push(this.ns.m("show-header"));
67
67
  classArr.push(this.ns.b("collapse"));
@@ -1 +1 @@
1
- .ibiz-panel-container-image{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center}.ibiz-panel-container-image>.ibiz-row{height:100%;overflow-x:hidden;overflow-y:auto}.ibiz-panel-container-image.is-hidden{display:none}
1
+ .ibiz-panel-container-image{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center}.ibiz-panel-container-image>.ibiz-row{height:100%;overflow:hidden auto}.ibiz-panel-container-image.is-hidden{display:none}
@@ -0,0 +1 @@
1
+ .ibiz-panel-ctrl-view-page-caption.is-mob .ibiz-panel-ctrl-view-page-caption-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-view-page-caption-font-size);font-weight:var(--ibiz-view-page-caption-font-weight);line-height:var(--ibiz-view-page-caption-line-height);color:var(--ibiz-view-page-caption-color);text-align:var(--ibiz-view-page-caption-text-align)}
@@ -1,5 +1,6 @@
1
1
  import { PropType } from 'vue';
2
2
  import { PanelCtrlViewPageCaptionController } from './panel-ctrl-view-page-caption.controller';
3
+ import './panel-ctrl-view-page-caption.scss';
3
4
  /**
4
5
  * 视图标题
5
6
  * @primary
@@ -1 +1 @@
1
- {"version":3,"file":"panel-ctrl-view-page-caption.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE1D,OAAO,EAAE,kCAAkC,EAAE,MAAM,2CAA2C,CAAC;AAE/F;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;IAGjC;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGA0CL,CAAC"}
1
+ {"version":3,"file":"panel-ctrl-view-page-caption.d.ts","sourceRoot":"","sources":["../../../src/panel-component/panel-ctrl-view-page-caption/panel-ctrl-view-page-caption.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE1D,OAAO,EAAE,kCAAkC,EAAE,MAAM,2CAA2C,CAAC;AAC/F,OAAO,qCAAqC,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;IAGjC;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;IATH;;OAEG;;;;;IAKH;;OAEG;;;;;iGA8CL,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import { defineComponent, createVNode, computed } from 'vue';
2
2
  import '../../use/index.mjs';
3
+ import './panel-ctrl-view-page-caption.css';
3
4
  import { useNamespace } from '../../use/namespace/namespace.mjs';
4
5
 
5
6
  "use strict";
@@ -27,7 +28,7 @@ const PanelCtrlViewPageCaption = /* @__PURE__ */ defineComponent({
27
28
  const {
28
29
  id
29
30
  } = props.modelData;
30
- const result = [ns.b(), ns.m(id)];
31
+ const result = [ns.b(), ns.m(id), ns.is("mob", ibiz.env.isMob)];
31
32
  result.push(...props.controller.containerClass);
32
33
  return result;
33
34
  });
@@ -1 +1 @@
1
- .ibiz-panel-field{--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);width:100%;height:100%;position:relative}.ibiz-panel-field__error{left:0;top:100%;line-height:1;font-size:var(--ibiz-font-size-small);padding-top:var(--ibiz-spacing-super-tight);position:absolute;color:var(--ibiz-color-danger)}.ibiz-panel-field.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-color-danger) inset}.ibiz-panel-field .ibiz-panel-field-content{line-height:inherit}
1
+ .ibiz-panel-field{--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-panel-field-icon-margin:6px;--ibiz-panel-field-error-font-size:var(--ibiz-font-size-small);--ibiz-panel-field-error-padding-top:var(--ibiz-spacing-super-tight);--ibiz-panel-field-error-color:var(--ibiz-color-danger);width:100%;height:100%;position:relative}.ibiz-panel-field__error{left:0;top:100%;line-height:1;font-size:var(--ibiz-panel-field-error-font-size);padding-top:var(--ibiz-panel-field-error-padding-top);position:absolute;color:var(--ibiz-panel-field-error-color)}.ibiz-panel-field.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-panel-field-error-color) inset}.ibiz-panel-field .ibiz-panel-field-content{line-height:inherit}
package/es/use/index.mjs CHANGED
@@ -6,7 +6,7 @@ export { useNamespace } from './namespace/namespace.mjs';
6
6
  export { useRouteKey, useRouterQuery } from './route/route.mjs';
7
7
  export { useCtx, useMobCtx } from './util/index.mjs';
8
8
  import './view/index.mjs';
9
- export { EmptyVNode, getOrigin, isEmptyVNode, useController, useForce, useForceTogether, useProps, usePropsWatch } from './vue/vue.mjs';
9
+ export { EmptyVNode, getOrigin, isEmptyVNode, useController, useFilterAttribute, useForce, useForceTogether, useProps, usePropsWatch } from './vue/vue.mjs';
10
10
  export { useCodeListListen } from './codeList-listen/codelist-listen.mjs';
11
11
  export { useLocalCacheKey } from './storage/index.mjs';
12
12
  export { useAutoFocusBlur } from './autofocus-blur/autofocus-blur.mjs';
@@ -74,4 +74,13 @@ export declare const EmptyVNode: VNode<import("vue").RendererNode, import("vue")
74
74
  * @return {*} {boolean}
75
75
  */
76
76
  export declare function isEmptyVNode(nodes: VNode[] | VNode): boolean;
77
+ /**
78
+ * @description 过滤attr中指定属性,如果存在自定义过滤回调,则不针对filterKeys的值进行过滤
79
+ * @export
80
+ * @param {Record<string, string>} attrs 所有属性
81
+ * @param {(key: string) => boolean} [filter] 自定义过滤回调
82
+ * @param {string[]} [filterKeys=['class', 'style']] 需要过滤掉的属性
83
+ * @returns {*} {Record<string, string>}
84
+ */
85
+ export declare function useFilterAttribute(attrs: Record<string, string>, filter?: (key: string) => boolean, filterKeys?: string[]): Record<string, string>;
77
86
  //# sourceMappingURL=vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../../../src/use/vue/vue.ts"],"names":[],"mappings":"AACA,OAAO,EACL,uBAAuB,EAKvB,KAAK,EAEL,YAAY,EACb,MAAM,KAAK,CAAC;AAEb;;;;;;;GAOG;AACH,wBAAgB,QAAQ,IAAI,KAAK,CAGhC;AAED;;;;;;;;GAQG;AAEH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAE5C;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,CAAC,GAAG,OAAO,EACvC,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,IAAI,EAC1C,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,GACjC,IAAI,CAaN;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAU1D;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,uBAAuB,EAC5B,UAAU,EAAE;IACV,KAAK,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CACxC,GACA,IAAI,CAON;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,UAAU,EAAE,KAAK,GAAG,IAAI,CAErD;AAED,eAAe;AACf,eAAO,MAAM,UAAU;;EAAmC,CAAC;AAE3D;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,OAAO,CAK5D"}
1
+ {"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../../../src/use/vue/vue.ts"],"names":[],"mappings":"AACA,OAAO,EACL,uBAAuB,EAKvB,KAAK,EAEL,YAAY,EACb,MAAM,KAAK,CAAC;AAEb;;;;;;;GAOG;AACH,wBAAgB,QAAQ,IAAI,KAAK,CAGhC;AAED;;;;;;;;GAQG;AAEH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAE5C;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,CAAC,GAAG,OAAO,EACvC,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,IAAI,EAC1C,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,GACjC,IAAI,CAaN;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAU1D;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,uBAAuB,EAC5B,UAAU,EAAE;IACV,KAAK,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CACxC,GACA,IAAI,CAON;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,UAAU,EAAE,KAAK,GAAG,IAAI,CAErD;AAED,eAAe;AACf,eAAO,MAAM,UAAU;;EAAmC,CAAC;AAE3D;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,OAAO,CAK5D;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC7B,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,EACjC,UAAU,GAAE,MAAM,EAAuB,GACxC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAYxB"}
@@ -51,5 +51,18 @@ function isEmptyVNode(nodes) {
51
51
  }
52
52
  return nodes.length === 1 && nodes[0] === EmptyVNode;
53
53
  }
54
+ function useFilterAttribute(attrs, filter, filterKeys = ["class", "style"]) {
55
+ const result = {};
56
+ Object.keys(attrs).forEach((key) => {
57
+ if (filter) {
58
+ if (filter(key)) {
59
+ result[key] = attrs[key];
60
+ }
61
+ } else if (!filterKeys.includes(key)) {
62
+ result[key] = attrs[key];
63
+ }
64
+ });
65
+ return result;
66
+ }
54
67
 
55
- export { EmptyVNode, getOrigin, isEmptyVNode, useController, useForce, useForceTogether, useProps, usePropsWatch };
68
+ export { EmptyVNode, getOrigin, isEmptyVNode, useController, useFilterAttribute, useForce, useForceTogether, useProps, usePropsWatch };
@@ -1,7 +1,6 @@
1
1
  export * from './route/route';
2
2
  export * from './route/route-listener';
3
3
  export * from './install';
4
- export * from './control/prepare-control';
5
4
  export * from './render/render';
6
5
  export { OverlayContainer } from './overlay-container/overlay-container';
7
6
  export { OverlayPopoverContainer } from './overlay-popover-container/overlay-popover-container';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC;AAC1B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uDAAuD,CAAC;AAChG,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uDAAuD,CAAC;AAChG,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,cAAc,SAAS,CAAC"}
package/es/util/index.mjs CHANGED
@@ -1,7 +1,6 @@
1
1
  export { calcResRoutePath, excludeViewTypes, generateRoutePath, generateRoutePathByModal, getNestedRoutePath, getOwnRouteContext, onRouteChange, parseRouteViewData, route2routePath, routePath2string } from './route/route.mjs';
2
2
  export { RouteListener } from './route/route-listener.mjs';
3
3
  export { withInstall } from './install.mjs';
4
- export { prepareControl } from './control/prepare-control.mjs';
5
4
  export { hasEmptyPanelRenderer, renderString } from './render/render.mjs';
6
5
  export { OverlayContainer } from './overlay-container/overlay-container.mjs';
7
6
  export { OverlayPopoverContainer } from './overlay-popover-container/overlay-popover-container.mjs';
@@ -39,7 +39,7 @@ const IBizBadge = /* @__PURE__ */ vue.defineComponent({
39
39
  return;
40
40
  }
41
41
  return vue.createVNode("div", {
42
- "class": [this.ns.b(), this.ns.m(this.type)]
42
+ "class": [this.ns.b(), this.ns.m(this.type), this.ns.is("mob", ibiz.env.isMob)]
43
43
  }, [this.value > this.max ? "".concat(this.max, "+") : this.value]);
44
44
  }
45
45
  });
@@ -1 +1 @@
1
- .ibiz-badge{--ibiz-badge-bg-color:var(--ibiz-color-danger);--ibiz-badge-height:18px;--ibiz-badge-border-radius:10px;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--ibiz-badge-height);padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);line-height:normal;color:var(--ibiz-color-danger-text);white-space:nowrap;background-color:var(--ibiz-badge-bg-color);border:1px solid transparent;border-radius:var(--ibiz-badge-border-radius)}.ibiz-badge--danger{--ibiz-badge-bg-color:var(--ibiz-color-danger)}.ibiz-badge--success{--ibiz-badge-bg-color:var(--ibiz-color-success)}.ibiz-badge--warning{--ibiz-badge-bg-color:var(--ibiz-color-warning)}.ibiz-badge--info{--ibiz-badge-bg-color:var(--ibiz-color-info)}.ibiz-badge--primary{--ibiz-badge-bg-color:var(--ibiz-color-primary)}
1
+ .ibiz-badge{--ibiz-badge-bg-color:var(--ibiz-color-danger);--ibiz-badge-height:18px;--ibiz-badge-border-radius:10px;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--ibiz-badge-height);padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);line-height:normal;color:var(--ibiz-color-danger-text);white-space:nowrap;background-color:var(--ibiz-badge-bg-color);border:1px solid transparent;border-radius:var(--ibiz-badge-border-radius)}.ibiz-badge--danger{--ibiz-badge-bg-color:var(--ibiz-color-danger)}.ibiz-badge--success{--ibiz-badge-bg-color:var(--ibiz-color-success)}.ibiz-badge--warning{--ibiz-badge-bg-color:var(--ibiz-color-warning)}.ibiz-badge--info{--ibiz-badge-bg-color:var(--ibiz-color-info)}.ibiz-badge--primary{--ibiz-badge-bg-color:var(--ibiz-color-primary)}.ibiz-badge.is-mob{--ibiz-panel-badge-text-color:var(--ibiz-color-white);--ibiz-panel-badge-font-weight:600;--ibiz-panel-badge-height:1.125rem;--ibiz-panel-badge-border-radius:0.625rem;font-weight:var(--ibiz-panel-badge-font-weight);color:var(--ibiz-panel-badge-text-color)}
package/lib/index.cjs CHANGED
@@ -93,7 +93,6 @@ var routerCallback = require('./util/router-callback/router-callback.cjs');
93
93
  var route$1 = require('./util/route/route.cjs');
94
94
  var routeListener = require('./util/route/route-listener.cjs');
95
95
  var install = require('./util/install.cjs');
96
- var prepareControl = require('./util/control/prepare-control.cjs');
97
96
  var render = require('./util/render/render.cjs');
98
97
  var overlayViewUtil = require('./util/overlay-view-util/overlay-view-util.cjs');
99
98
  var appStore = require('./util/store/app-store/app-store.cjs');
@@ -217,6 +216,7 @@ exports.EmptyVNode = vue.EmptyVNode;
217
216
  exports.getOrigin = vue.getOrigin;
218
217
  exports.isEmptyVNode = vue.isEmptyVNode;
219
218
  exports.useController = vue.useController;
219
+ exports.useFilterAttribute = vue.useFilterAttribute;
220
220
  exports.useForce = vue.useForce;
221
221
  exports.useForceTogether = vue.useForceTogether;
222
222
  exports.useProps = vue.useProps;
@@ -244,7 +244,6 @@ exports.route2routePath = route$1.route2routePath;
244
244
  exports.routePath2string = route$1.routePath2string;
245
245
  exports.RouteListener = routeListener.RouteListener;
246
246
  exports.withInstall = install.withInstall;
247
- exports.prepareControl = prepareControl.prepareControl;
248
247
  exports.hasEmptyPanelRenderer = render.hasEmptyPanelRenderer;
249
248
  exports.renderString = render.renderString;
250
249
  exports.createOverlayView = overlayViewUtil.createOverlayView;
@@ -1 +1 @@
1
- .ibiz-auth-wxmp-qrcode{width:100%;height:100%}.ibiz-auth-wxmp-qrcode__content{position:relative;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__qrcode{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ibiz-auth-wxmp-qrcode__caption{font-size:var(--ibiz-font-size-small);text-align:center}.ibiz-auth-wxmp-qrcode__mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ibiz-color-primary);background-color:rgba(255,255,255,.9)}.ibiz-auth-wxmp-qrcode__mask--icon{font-size:var(--ibiz-font-size-header-1);cursor:pointer}.ibiz-auth-wxmp-qrcode__mask--icon:hover{color:var(--ibiz-color-primary-hover)}
1
+ .ibiz-auth-wxmp-qrcode{--ibiz-auth-wxmp-qrcode-caption-font-size:var(--ibiz-font-size-small);--ibiz-auth-wxmp-qrcode-mask-color:var(--ibiz-color-primary);--ibiz-auth-wxmp-qrcode-mask-icon-font-size:var(--ibiz-font-size-header-1);--ibiz-auth-wxmp-qrcode-mask-icon-hover-color:var(--ibiz-color-primary-hover);width:100%;height:100%}.ibiz-auth-wxmp-qrcode__content{position:relative;width:100%;height:100%}.ibiz-auth-wxmp-qrcode__qrcode{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ibiz-auth-wxmp-qrcode__caption{font-size:var(--ibiz-auth-wxmp-qrcode-caption-font-size);text-align:center}.ibiz-auth-wxmp-qrcode__mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ibiz-auth-wxmp-qrcode-mask-color);background-color:rgba(255,255,255,.9)}.ibiz-auth-wxmp-qrcode__mask--icon{font-size:var(--ibiz-auth-wxmp-qrcode-mask-icon-font-size);cursor:pointer}.ibiz-auth-wxmp-qrcode__mask--icon:hover{color:var(--ibiz-auth-wxmp-qrcode-mask-icon-hover-color)}
@@ -63,7 +63,7 @@ const PanelContainerGroup = /* @__PURE__ */ vue.defineComponent({
63
63
  render() {
64
64
  var _a, _b;
65
65
  let _slot;
66
- const classArr = [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("hidden", !this.controller.state.visible)];
66
+ const classArr = [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("hidden", !this.controller.state.visible), this.ns.is("mob", ibiz.env.isMob)];
67
67
  if (this.modelData.showCaption === true) {
68
68
  classArr.push(this.ns.m("show-header"));
69
69
  classArr.push(this.ns.b("collapse"));
@@ -1 +1 @@
1
- .ibiz-panel-container-group{--ibiz-panel-container-group-bg-color:transparent;--ibiz-panel-container-group-header-bg-color:transparent;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base-tight);--ibiz-panel-container-group-header-border-color:var(--ibiz-color-border);--ibiz-panel-container-group-header-height:49px;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-container-group-content-bg-color:transparent;--ibiz-panel-container-group-content-padding:var(--ibiz-spacing-tight)}.ibiz-panel-container-group{height:100%;background-color:var(--ibiz-panel-container-group-bg-color);border-radius:var(--ibiz-border-radius-base)}.ibiz-panel-container-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;font-size:var(--ibiz-panel-container-group-caption-font-size);font-weight:var(--ibiz-panel-container-group-caption-font-weight);color:var(--ibiz-panel-container-group-caption-text-color)}.ibiz-panel-container-group__caption--icon{padding-right:var(--ibiz-spacing-tight)}.ibiz-panel-container-group__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-panel-container-group-collapse>.ibiz-panel-container-group-content{display:block}.ibiz-panel-container-group-collapse.is-collapse>.ibiz-panel-container-group-content{display:none}.ibiz-panel-container-group-header{display:flex;height:var(--ibiz-panel-container-group-header-height);padding:var(--ibiz-panel-container-group-header-padding);margin:var(--ibiz-panel-container-group-header-margin);border-bottom:1px solid var(--ibiz-panel-container-group-header-border-color)}.ibiz-panel-container-group-header__left,.ibiz-panel-container-group-header__right{display:inline-block;width:50%}.ibiz-panel-container-group-header__right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.ibiz-panel-container-group-content{width:100%;height:100%}.ibiz-panel-container-group-content>.ibiz-row{width:100%;height:100%}.ibiz-panel-container-group--show-header>.ibiz-panel-container-group-content{height:calc(100% - var(--ibiz-panel-container-group-header-height));padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}
1
+ .ibiz-panel-container-group{--ibiz-panel-container-group-bg-color:transparent;--ibiz-panel-container-group-icon-padding-right:var(--ibiz-spacing-tight);--ibiz-panel-container-group-counter-padding-left:var(--ibiz-spacing-tight);--ibiz-panel-container-group-header-bg-color:transparent;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base-tight);--ibiz-panel-container-group-header-border-color:var(--ibiz-color-border);--ibiz-panel-container-group-header-height:49px;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-container-group-content-bg-color:transparent;--ibiz-panel-container-group-content-padding:var(--ibiz-spacing-tight)}.ibiz-panel-container-group{height:100%;background-color:var(--ibiz-panel-container-group-bg-color);border-radius:var(--ibiz-border-radius-base)}.ibiz-panel-container-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;font-size:var(--ibiz-panel-container-group-caption-font-size);font-weight:var(--ibiz-panel-container-group-caption-font-weight);color:var(--ibiz-panel-container-group-caption-text-color)}.ibiz-panel-container-group__caption--icon{padding-right:var(--ibiz-panel-container-group-icon-padding-right)}.ibiz-panel-container-group__counter{margin-left:var(--ibiz-panel-container-group-counter-padding-left)}.ibiz-panel-container-group.is-mob{--ibiz-panel-container-group-header-height:3rem;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base);--ibiz-panel-container-group-header-bg-color:var(--ibiz-color-bg-0);--ibiz-panel-container-group-content-padding:0.5rem 1rem;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-2);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-panel-container-group-content-bg-color:var(--ibiz-color-bg-1)}.ibiz-panel-container-group.is-mob .ibiz-panel-container-group__caption{line-height:1rem}.ibiz-panel-container-group.is-mob .ibiz-panel-container-group-header{background-color:var(--ibiz-panel-container-group-header-bg-color);border-bottom:none}.ibiz-panel-container-group.is-mob .ibiz-panel-container-group-content{padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}.ibiz-panel-container-group-collapse>.ibiz-panel-container-group-content{display:block}.ibiz-panel-container-group-collapse.is-collapse>.ibiz-panel-container-group-content{display:none}.ibiz-panel-container-group-header{display:flex;height:var(--ibiz-panel-container-group-header-height);padding:var(--ibiz-panel-container-group-header-padding);margin:var(--ibiz-panel-container-group-header-margin);border-bottom:1px solid var(--ibiz-panel-container-group-header-border-color)}.ibiz-panel-container-group-header__left,.ibiz-panel-container-group-header__right{display:inline-block;width:50%}.ibiz-panel-container-group-header__right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.ibiz-panel-container-group-content{width:100%;height:100%}.ibiz-panel-container-group-content>.ibiz-row{width:100%;height:100%}.ibiz-panel-container-group--show-header>.ibiz-panel-container-group-content{height:calc(100% - var(--ibiz-panel-container-group-header-height));padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}
@@ -1 +1 @@
1
- .ibiz-panel-container-image{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center}.ibiz-panel-container-image>.ibiz-row{height:100%;overflow-x:hidden;overflow-y:auto}.ibiz-panel-container-image.is-hidden{display:none}
1
+ .ibiz-panel-container-image{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center}.ibiz-panel-container-image>.ibiz-row{height:100%;overflow:hidden auto}.ibiz-panel-container-image.is-hidden{display:none}
@@ -2,6 +2,7 @@
2
2
 
3
3
  var vue = require('vue');
4
4
  require('../../use/index.cjs');
5
+ require('./panel-ctrl-view-page-caption.css');
5
6
  var namespace = require('../../use/namespace/namespace.cjs');
6
7
 
7
8
  "use strict";
@@ -29,7 +30,7 @@ const PanelCtrlViewPageCaption = /* @__PURE__ */ vue.defineComponent({
29
30
  const {
30
31
  id
31
32
  } = props.modelData;
32
- const result = [ns.b(), ns.m(id)];
33
+ const result = [ns.b(), ns.m(id), ns.is("mob", ibiz.env.isMob)];
33
34
  result.push(...props.controller.containerClass);
34
35
  return result;
35
36
  });
@@ -0,0 +1 @@
1
+ .ibiz-panel-ctrl-view-page-caption.is-mob .ibiz-panel-ctrl-view-page-caption-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-view-page-caption-font-size);font-weight:var(--ibiz-view-page-caption-font-weight);line-height:var(--ibiz-view-page-caption-line-height);color:var(--ibiz-view-page-caption-color);text-align:var(--ibiz-view-page-caption-text-align)}
@@ -1 +1 @@
1
- .ibiz-panel-field{--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);width:100%;height:100%;position:relative}.ibiz-panel-field__error{left:0;top:100%;line-height:1;font-size:var(--ibiz-font-size-small);padding-top:var(--ibiz-spacing-super-tight);position:absolute;color:var(--ibiz-color-danger)}.ibiz-panel-field.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-color-danger) inset}.ibiz-panel-field .ibiz-panel-field-content{line-height:inherit}
1
+ .ibiz-panel-field{--ibiz-form-item-label-color:var(--ibiz-color-text-1);--ibiz-form-item-text-color:var(--ibiz-color-text-2);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-disabled-text);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-disabled-text);--ibiz-form-item-disabled-bg-color:var(--ibiz-color-disabled-fill);--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-panel-field-icon-margin:6px;--ibiz-panel-field-error-font-size:var(--ibiz-font-size-small);--ibiz-panel-field-error-padding-top:var(--ibiz-spacing-super-tight);--ibiz-panel-field-error-color:var(--ibiz-color-danger);width:100%;height:100%;position:relative}.ibiz-panel-field__error{left:0;top:100%;line-height:1;font-size:var(--ibiz-panel-field-error-font-size);padding-top:var(--ibiz-panel-field-error-padding-top);position:absolute;color:var(--ibiz-panel-field-error-color)}.ibiz-panel-field.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-panel-field-error-color) inset}.ibiz-panel-field .ibiz-panel-field-content{line-height:inherit}
package/lib/use/index.cjs CHANGED
@@ -33,6 +33,7 @@ exports.EmptyVNode = vue.EmptyVNode;
33
33
  exports.getOrigin = vue.getOrigin;
34
34
  exports.isEmptyVNode = vue.isEmptyVNode;
35
35
  exports.useController = vue.useController;
36
+ exports.useFilterAttribute = vue.useFilterAttribute;
36
37
  exports.useForce = vue.useForce;
37
38
  exports.useForceTogether = vue.useForceTogether;
38
39
  exports.useProps = vue.useProps;
@@ -53,11 +53,25 @@ function isEmptyVNode(nodes) {
53
53
  }
54
54
  return nodes.length === 1 && nodes[0] === EmptyVNode;
55
55
  }
56
+ function useFilterAttribute(attrs, filter, filterKeys = ["class", "style"]) {
57
+ const result = {};
58
+ Object.keys(attrs).forEach((key) => {
59
+ if (filter) {
60
+ if (filter(key)) {
61
+ result[key] = attrs[key];
62
+ }
63
+ } else if (!filterKeys.includes(key)) {
64
+ result[key] = attrs[key];
65
+ }
66
+ });
67
+ return result;
68
+ }
56
69
 
57
70
  exports.EmptyVNode = EmptyVNode;
58
71
  exports.getOrigin = getOrigin;
59
72
  exports.isEmptyVNode = isEmptyVNode;
60
73
  exports.useController = useController;
74
+ exports.useFilterAttribute = useFilterAttribute;
61
75
  exports.useForce = useForce;
62
76
  exports.useForceTogether = useForceTogether;
63
77
  exports.useProps = useProps;
@@ -3,7 +3,6 @@
3
3
  var route = require('./route/route.cjs');
4
4
  var routeListener = require('./route/route-listener.cjs');
5
5
  var install = require('./install.cjs');
6
- var prepareControl = require('./control/prepare-control.cjs');
7
6
  var render = require('./render/render.cjs');
8
7
  var overlayContainer = require('./overlay-container/overlay-container.cjs');
9
8
  var overlayPopoverContainer = require('./overlay-popover-container/overlay-popover-container.cjs');
@@ -27,7 +26,6 @@ exports.route2routePath = route.route2routePath;
27
26
  exports.routePath2string = route.routePath2string;
28
27
  exports.RouteListener = routeListener.RouteListener;
29
28
  exports.withInstall = install.withInstall;
30
- exports.prepareControl = prepareControl.prepareControl;
31
29
  exports.hasEmptyPanelRenderer = render.hasEmptyPanelRenderer;
32
30
  exports.renderString = render.renderString;
33
31
  exports.OverlayContainer = overlayContainer.OverlayContainer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ibiz-template/vue3-util",
3
- "version": "0.7.41-alpha.32",
3
+ "version": "0.7.41-alpha.34",
4
4
  "description": "通用组件库(vue3)",
5
5
  "main": "lib/index.cjs",
6
6
  "types": "es/index.d.ts",
@@ -37,8 +37,8 @@
37
37
  "license": "MIT",
38
38
  "devDependencies": {
39
39
  "@ibiz-template/cli": "^0.3.23",
40
- "@ibiz-template/core": "^0.7.41-alpha.28",
41
- "@ibiz-template/runtime": "^0.7.41-alpha.32",
40
+ "@ibiz-template/core": "^0.7.41-alpha.33",
41
+ "@ibiz-template/runtime": "^0.7.41-alpha.34",
42
42
  "@ibiz-template/theme": "^0.7.39",
43
43
  "@ibiz/model-core": "^0.1.83",
44
44
  "@types/path-browserify": "^1.0.2",
@@ -67,5 +67,5 @@
67
67
  "vue": "^3.3.8",
68
68
  "vue-router": "^4.2.4"
69
69
  },
70
- "gitHead": "e97dbad22d580d539130fff00eac22b0b767c171"
70
+ "gitHead": "c05fa3609fe8e08314ec56b3e221e3a937491632"
71
71
  }
@@ -1,15 +0,0 @@
1
- import { Namespace } from '@ibiz-template/core';
2
- import { IControlController } from '@ibiz-template/runtime';
3
- /**
4
- * 部件UI组件准备参数
5
- * @author lxm
6
- * @date 2023-06-15 09:51:23
7
- * @export
8
- * @param {IControlController} c
9
- * @return {*}
10
- */
11
- export declare function prepareControl(c: IControlController): {
12
- controlClass: string[];
13
- ns: Namespace;
14
- };
15
- //# sourceMappingURL=prepare-control.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"prepare-control.d.ts","sourceRoot":"","sources":["../../../src/util/control/prepare-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,kBAAkB,GAAG;IACrD,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,EAAE,EAAE,SAAS,CAAC;CACf,CAiBA"}
@@ -1,22 +0,0 @@
1
- import '../../use/index.mjs';
2
- import { useNamespace } from '../../use/namespace/namespace.mjs';
3
-
4
- "use strict";
5
- function prepareControl(c) {
6
- const commonNs = useNamespace("control");
7
- const { controlType, sysCss, codeName } = c.model;
8
- const typeClass = controlType.toLowerCase();
9
- const sysCssName = sysCss == null ? void 0 : sysCss.cssName;
10
- const ns = useNamespace("control-".concat(typeClass));
11
- const controlClass = [
12
- commonNs.b(),
13
- commonNs.b(typeClass),
14
- commonNs.m(codeName)
15
- ];
16
- if (sysCssName) {
17
- controlClass.push(sysCssName);
18
- }
19
- return { controlClass, ns };
20
- }
21
-
22
- export { prepareControl };
@@ -1,24 +0,0 @@
1
- 'use strict';
2
-
3
- require('../../use/index.cjs');
4
- var namespace = require('../../use/namespace/namespace.cjs');
5
-
6
- "use strict";
7
- function prepareControl(c) {
8
- const commonNs = namespace.useNamespace("control");
9
- const { controlType, sysCss, codeName } = c.model;
10
- const typeClass = controlType.toLowerCase();
11
- const sysCssName = sysCss == null ? void 0 : sysCss.cssName;
12
- const ns = namespace.useNamespace("control-".concat(typeClass));
13
- const controlClass = [
14
- commonNs.b(),
15
- commonNs.b(typeClass),
16
- commonNs.m(codeName)
17
- ];
18
- if (sysCssName) {
19
- controlClass.push(sysCssName);
20
- }
21
- return { controlClass, ns };
22
- }
23
-
24
- exports.prepareControl = prepareControl;