@blueking/bk-user-selector 0.0.23-beta.1 → 0.0.23

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 (20) hide show
  1. package/package.json +1 -1
  2. package/typings/components/me-tag.vue.d.ts +5 -5
  3. package/typings/components/multiple-selector.vue.d.ts +47 -4
  4. package/typings/components/render-tag.d.ts +8 -0
  5. package/typings/components/selection-popover.vue.d.ts +5 -5
  6. package/typings/components/single-selector.vue.d.ts +41 -4
  7. package/typings/components/user-render.d.ts +3 -3
  8. package/typings/components/user-selector.vue.d.ts +45 -4
  9. package/typings/components/user-tag.vue.d.ts +42 -8
  10. package/typings/hooks/useTenantData.d.ts +2 -2
  11. package/typings/hooks/useUserSearch.d.ts +3 -3
  12. package/typings/vue2.d.ts +7 -1
  13. package/vue2/index.es.min.js +68 -47
  14. package/vue2/index.iife.min.js +1299 -1796
  15. package/vue2/index.umd.min.js +68 -47
  16. package/vue2/vue2.css +34 -34
  17. package/vue3/index.es.min.js +32 -13
  18. package/vue3/index.iife.min.js +33 -14
  19. package/vue3/index.umd.min.js +33 -14
  20. package/vue3/vue3.css +34 -34
package/vue2/index.iife.min.js CHANGED
@@ -3,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode(":root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.scroll-bar-style::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n padding: 0;\n margin: 0;\n}\n* {\n box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /* 1 */\n display: inline-block;\n /* 2 */\n vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n height: 0;\n box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n /* 3 */\n margin: 0;\n /* 2 */\n font: inherit;\n /* 1 */\n color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n /* 3 */\n cursor: pointer;\n /* 2 */\n appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n /* 2 */\n padding: 0;\n /* 1 */\n box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n display: none;\n}\ninput[type='text']::-ms-clear {\n display: none;\n}\ninput[type='text']::-ms-reveal {\n display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n /* 2 */\n box-sizing: content-box;\n /* 1 */\n appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n padding: 0.35em 0.625em 0.75em;\n margin: 0 2px;\n border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n /* 2 */\n padding: 0;\n /* 1 */\n border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-transition .bk-fade-enter-active,\n.bk-transition .bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-transition .bk-fade-enter,\n.bk-transition .bk-fade-leave-to {\n opacity: 0;\n}\n.clearfix-style::after {\n display: block;\n height: 0;\n clear: both;\n font-size: 0;\n content: '';\n visibility: hidden;\n}\n.bk-popper {\n display: none;\n padding: 7px 14px;\n font-size: 12px;\n color: #fff;\n background: #333;\n border-radius: 4px;\n}\n.bk-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-popper .bk-popper-arrow,\n.bk-popper .bk-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-popper .bk-popper-arrow {\n visibility: hidden;\n}\n.bk-popper .bk-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-popper[data-show] {\n display: block;\n}\n.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {\n bottom: -4px;\n}\n.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {\n top: -4px;\n}\n.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {\n right: -4px;\n}\n.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {\n left: -4px;\n}\n.bk-loading-wrapper {\n position: static;\n vertical-align: middle;\n}\n.bk-loading-wrapper:not(.bk-nested-loading):not(.bk-directive-loading) {\n display: inline-flex;\n}\n.bk-loading-wrapper.bk-directive-loading {\n width: 100%;\n height: 100%;\n}\n.bk-loading-wrapper.bk-directive-loading,\n.bk-loading-wrapper.bk-nested-loading {\n position: relative;\n}\n.bk-loading-wrapper.bk-directive-loading.is-block,\n.bk-loading-wrapper.bk-nested-loading.is-block {\n display: block;\n}\n.bk-loading-wrapper.bk-directive-loading .bk-loading-indicator,\n.bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 11;\n text-align: center;\n transform: translate(-50%, -50%);\n}\n.bk-loading-wrapper .dot {\n display: inline-flex;\n width: 14px;\n height: 14px;\n margin-right: 10px;\n border-radius: 50%;\n transform: scale(0.6);\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-name: loading-scale-animate;\n animation-direction: normal;\n}\n.bk-loading-wrapper .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: var(--default-color);\n border-radius: 8px;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-name: fade;\n transform-origin: center 24px;\n}\n.bk-loading-wrapper .bk-loading-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-loading-wrapper .bk-loading-indicator {\n display: flex;\n line-height: 1;\n text-align: center;\n flex-direction: column;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {\n background-color: var(--success-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {\n background-color: var(--danger-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {\n background-color: var(--warning-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {\n background-color: var(--primary-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {\n background-color: var(--white-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {\n background-color: var(--light-gray);\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-1 {\n background-color: var(--danger-color);\n animation-delay: 0.1s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-2 {\n background-color: var(--warning-color);\n animation-delay: 0.25s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-3 {\n background-color: var(--success-color);\n animation-delay: 0.4s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-4 {\n background-color: var(--primary-color);\n animation-delay: 0.55s;\n margin-right: 0px;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-1 {\n transform: rotate(135deg);\n animation-delay: -0.45s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-2 {\n transform: rotate(90deg);\n animation-delay: -0.6s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-3 {\n transform: rotate(45deg);\n animation-delay: -0.75s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: -0.9s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-5 {\n transform: rotate(-45deg);\n animation-delay: -1.05s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-6 {\n transform: rotate(-90deg);\n animation-delay: -1.2s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-7 {\n transform: rotate(-135deg);\n animation-delay: -1.35s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-8 {\n transform: rotate(-180deg);\n animation-delay: -1.5s;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator {\n display: inline-flex;\n justify-content: center;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {\n position: relative;\n display: inline-flex;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {\n height: 16px;\n width: 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {\n width: 3px;\n height: 3px;\n margin-right: 3px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {\n width: 2px;\n height: 3px;\n border-radius: 3px;\n transform-origin: center 8px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {\n font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {\n height: 32px;\n width: 32px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {\n font-size: var(--font-size-base);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {\n height: 68px;\n width: 68px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 34px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {\n font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-loading-title {\n margin-top: 8px;\n font-size: var(--font-size-medium);\n line-height: normal;\n color: var(--default-color);\n text-align: center;\n}\n.text-ov {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.position-relative {\n position: relative;\n}\n.position-absolute {\n position: absolute;\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.bk-popover.bk-pop2-content {\n position: absolute;\n padding: 12px;\n font-size: 12px;\n color: #fff;\n background: #26323d;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.bk-popover.bk-pop2-content.hidden {\n display: none;\n}\n.bk-popover.bk-pop2-content .bk-pop2-arrow {\n position: absolute;\n z-index: -1;\n width: 8px;\n height: 8px;\n background: #333;\n transform: rotate(45deg);\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {\n background-color: #fff;\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.bk-tag {\n display: inline-flex;\n align-items: center;\n height: 22px;\n padding: 0 10px;\n font-size: 12px;\n line-height: 22px;\n color: var(--default-color);\n cursor: default;\n background-color: #f0f1f5;\n border-color: rgba(151, 155, 165, 0.3);\n box-sizing: border-box;\n}\n.bk-tag.bk-tag-success {\n color: #14a568;\n border-color: rgba(20, 165, 104, 0.3);\n background-color: #E4FAF0;\n}\n.bk-tag.bk-tag-success.bk-tag-filled {\n background-color: #14A568;\n}\n.bk-tag.bk-tag-success.bk-tag-filled:hover {\n background-color: #42B685;\n}\n.bk-tag.bk-tag-success:hover:not(.bk-tag-filled) {\n background-color: #C9F5E2;\n}\n.bk-tag.bk-tag-info {\n color: var(--primary-color);\n border-color: rgba(58, 132, 255, 0.3);\n background-color: #EDF4FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled {\n background-color: #3A84FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled:hover {\n background-color: #609CFE;\n}\n.bk-tag.bk-tag-info:hover:not(.bk-tag-filled) {\n background-color: #E1ECFF;\n}\n.bk-tag.bk-tag-warning {\n color: #fe9c00;\n border-color: rgba(254, 165, 0, 0.3);\n background-color: #FFF1DB;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled {\n background-color: #FE9C00;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled:hover {\n background-color: #FDAF32;\n}\n.bk-tag.bk-tag-warning:hover:not(.bk-tag-filled) {\n background-color: #FFE8C3;\n}\n.bk-tag.bk-tag-danger {\n color: var(--danger-color);\n border-color: rgba(234, 53, 54, 0.3);\n background-color: #FEEBEA;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled {\n background-color: #EA3536;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled:hover {\n background-color: #ED5C5D;\n}\n.bk-tag.bk-tag-danger:hover:not(.bk-tag-filled) {\n background-color: #FEDDDC;\n}\n.bk-tag:hover {\n background-color: #dcdee5;\n}\n.bk-tag.bk-tag-filled {\n color: #fff;\n background-color: #979BA5;\n}\n.bk-tag.bk-tag-filled:hover {\n background-color: #ACAFB6;\n}\n.bk-tag.bk-tag-stroke {\n padding: 0 9px;\n line-height: 20px;\n border-style: solid;\n border-width: 1px;\n}\n.bk-tag.bk-tag-closable {\n padding: 0 4px 0 10px;\n}\n.bk-tag.bk-tag-checkable {\n cursor: pointer;\n background: none;\n}\n.bk-tag.bk-tag-checkable:hover {\n background: #F0F1F5;\n}\n.bk-tag.bk-tag-check {\n color: #fff;\n background: var(--primary-color);\n}\n.bk-tag.bk-tag-check:hover {\n color: #fff;\n background: var(--primary-color);\n opacity: 1;\n}\n.bk-tag--default {\n padding: 0 8px;\n}\n.bk-tag--small {\n height: 16px;\n padding: 0 4px;\n line-height: 16px;\n}\n.bk-tag--small .bk-tag-text {\n font-size: 10px;\n}\n.bk-tag-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-tag-icon {\n flex-shrink: 0;\n margin-right: 4px;\n font-size: 14px;\n line-height: 0;\n}\n.bk-tag-close {\n flex-shrink: 0;\n margin-left: 4px;\n font-size: 12px;\n line-height: 0;\n cursor: pointer;\n}\n.me-tag[data-v-887b7c44] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #e1ecff;\n color: #4d4f56;\n border-radius: 50%;\n padding: 0 8px;\n height: 24px;\n width: 24px;\n cursor: pointer;\n font-size: 12px;\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n z-index: 1;\n}\n.me-tag[data-v-887b7c44]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-887b7c44] {\n background-color: #f0f1f5;\n color: #c4c6cc;\n cursor: not-allowed;\n}.bk-user-selector-popover.bk-popover.bk-pop2-content {\n padding: 0;\n}.dropdown-content[data-v-54b68f9a] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-54b68f9a] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-group .group-header[data-v-54b68f9a] {\n padding: 8px 12px;\n color: #979ba5;\n display: flex;\n align-items: center;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-54b68f9a] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-54b68f9a] {\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n height: 32px;\n}\n.dropdown-content .user-option[data-v-54b68f9a]:hover {\n background-color: #f5f7fa;\n}.user-tag[data-v-487799ec] {\n margin-right: 4px;\n margin-left: 0;\n}\n.user-tag.draggable[data-v-487799ec] {\n cursor: move;\n}\n.user-tag.active[data-v-487799ec] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag .tag-content .user-name[data-v-487799ec] {\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}.multiple-selector[data-v-95b69442] {\n position: relative;\n width: 100%;\n}\n.multiple-selector .tags-container[data-v-95b69442] {\n min-height: 32px;\n padding: 1px 10px 1px 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n transition: all 0.2s ease;\n}\n.multiple-selector .tags-container.focused[data-v-95b69442] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.multiple-selector .tags-container.collapsed[data-v-95b69442] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-list[data-v-95b69442] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-95b69442] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.multiple-selector .search-input[data-v-95b69442] {\n min-width: 10px;\n height: 28px;\n background: transparent;\n border: none;\n outline: none;\n}\n.multiple-selector .search-input[data-v-95b69442]::placeholder {\n color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-95b69442] {\n min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-95b69442], .multiple-selector .search-input.collapsed[data-v-95b69442] {\n flex: 1;\n min-width: 60px;\n}.single-selector[data-v-4fec9d7c] {\n position: relative;\n width: 100%;\n}\n.input-container[data-v-4fec9d7c] {\n position: relative;\n display: flex;\n align-items: center;\n min-height: 32px;\n padding: 0 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n}\n.input-container[data-v-4fec9d7c]:focus-within {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.search-input[data-v-4fec9d7c] {\n flex: 1;\n height: 30px;\n background: transparent;\n border: none;\n outline: none;\n}\n.search-input[data-v-4fec9d7c]::placeholder {\n color: #c4c6cc;\n}.bk-user-selector[data-v-78f5783f] {\n position: relative;\n width: 100%;\n font-size: 12px;\n}"));
6
+ elementStyle.appendChild(document.createTextNode(":root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.scroll-bar-style::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n padding: 0;\n margin: 0;\n}\n* {\n box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /* 1 */\n display: inline-block;\n /* 2 */\n vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n height: 0;\n box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n /* 3 */\n margin: 0;\n /* 2 */\n font: inherit;\n /* 1 */\n color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n /* 3 */\n cursor: pointer;\n /* 2 */\n appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n /* 2 */\n padding: 0;\n /* 1 */\n box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n display: none;\n}\ninput[type='text']::-ms-clear {\n display: none;\n}\ninput[type='text']::-ms-reveal {\n display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n /* 2 */\n box-sizing: content-box;\n /* 1 */\n appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n padding: 0.35em 0.625em 0.75em;\n margin: 0 2px;\n border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n /* 2 */\n padding: 0;\n /* 1 */\n border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-transition .bk-fade-enter-active,\n.bk-transition .bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-transition .bk-fade-enter,\n.bk-transition .bk-fade-leave-to {\n opacity: 0;\n}\n.clearfix-style::after {\n display: block;\n height: 0;\n clear: both;\n font-size: 0;\n content: '';\n visibility: hidden;\n}\n.bk-popper {\n display: none;\n padding: 7px 14px;\n font-size: 12px;\n color: #fff;\n background: #333;\n border-radius: 4px;\n}\n.bk-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-popper .bk-popper-arrow,\n.bk-popper .bk-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-popper .bk-popper-arrow {\n visibility: hidden;\n}\n.bk-popper .bk-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-popper[data-show] {\n display: block;\n}\n.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {\n bottom: -4px;\n}\n.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {\n top: -4px;\n}\n.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {\n right: -4px;\n}\n.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {\n left: -4px;\n}\n.bk-loading-wrapper {\n position: static;\n vertical-align: middle;\n}\n.bk-loading-wrapper:not(.bk-nested-loading):not(.bk-directive-loading) {\n display: inline-flex;\n}\n.bk-loading-wrapper.bk-directive-loading {\n width: 100%;\n height: 100%;\n}\n.bk-loading-wrapper.bk-directive-loading,\n.bk-loading-wrapper.bk-nested-loading {\n position: relative;\n}\n.bk-loading-wrapper.bk-directive-loading.is-block,\n.bk-loading-wrapper.bk-nested-loading.is-block {\n display: block;\n}\n.bk-loading-wrapper.bk-directive-loading .bk-loading-indicator,\n.bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 11;\n text-align: center;\n transform: translate(-50%, -50%);\n}\n.bk-loading-wrapper .dot {\n display: inline-flex;\n width: 14px;\n height: 14px;\n margin-right: 10px;\n border-radius: 50%;\n transform: scale(0.6);\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-name: loading-scale-animate;\n animation-direction: normal;\n}\n.bk-loading-wrapper .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: var(--default-color);\n border-radius: 8px;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-name: fade;\n transform-origin: center 24px;\n}\n.bk-loading-wrapper .bk-loading-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-loading-wrapper .bk-loading-indicator {\n display: flex;\n line-height: 1;\n text-align: center;\n flex-direction: column;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {\n background-color: var(--success-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {\n background-color: var(--danger-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {\n background-color: var(--warning-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {\n background-color: var(--primary-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {\n background-color: var(--white-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {\n background-color: var(--light-gray);\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-1 {\n background-color: var(--danger-color);\n animation-delay: 0.1s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-2 {\n background-color: var(--warning-color);\n animation-delay: 0.25s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-3 {\n background-color: var(--success-color);\n animation-delay: 0.4s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-4 {\n background-color: var(--primary-color);\n animation-delay: 0.55s;\n margin-right: 0px;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-1 {\n transform: rotate(135deg);\n animation-delay: -0.45s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-2 {\n transform: rotate(90deg);\n animation-delay: -0.6s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-3 {\n transform: rotate(45deg);\n animation-delay: -0.75s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: -0.9s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-5 {\n transform: rotate(-45deg);\n animation-delay: -1.05s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-6 {\n transform: rotate(-90deg);\n animation-delay: -1.2s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-7 {\n transform: rotate(-135deg);\n animation-delay: -1.35s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-8 {\n transform: rotate(-180deg);\n animation-delay: -1.5s;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator {\n display: inline-flex;\n justify-content: center;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {\n position: relative;\n display: inline-flex;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {\n height: 16px;\n width: 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {\n width: 3px;\n height: 3px;\n margin-right: 3px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {\n width: 2px;\n height: 3px;\n border-radius: 3px;\n transform-origin: center 8px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {\n font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {\n height: 32px;\n width: 32px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {\n font-size: var(--font-size-base);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {\n height: 68px;\n width: 68px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 34px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {\n font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-loading-title {\n margin-top: 8px;\n font-size: var(--font-size-medium);\n line-height: normal;\n color: var(--default-color);\n text-align: center;\n}\n.text-ov {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.position-relative {\n position: relative;\n}\n.position-absolute {\n position: absolute;\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.bk-popover.bk-pop2-content {\n position: absolute;\n padding: 12px;\n font-size: 12px;\n color: #fff;\n background: #26323d;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.bk-popover.bk-pop2-content.hidden {\n display: none;\n}\n.bk-popover.bk-pop2-content .bk-pop2-arrow {\n position: absolute;\n z-index: -1;\n width: 8px;\n height: 8px;\n background: #333;\n transform: rotate(45deg);\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {\n background-color: #fff;\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.bk-tag {\n display: inline-flex;\n align-items: center;\n height: 22px;\n padding: 0 10px;\n font-size: 12px;\n line-height: 22px;\n color: var(--default-color);\n cursor: default;\n background-color: #f0f1f5;\n border-color: rgba(151, 155, 165, 0.3);\n box-sizing: border-box;\n}\n.bk-tag.bk-tag-success {\n color: #14a568;\n border-color: rgba(20, 165, 104, 0.3);\n background-color: #E4FAF0;\n}\n.bk-tag.bk-tag-success.bk-tag-filled {\n background-color: #14A568;\n}\n.bk-tag.bk-tag-success.bk-tag-filled:hover {\n background-color: #42B685;\n}\n.bk-tag.bk-tag-success:hover:not(.bk-tag-filled) {\n background-color: #C9F5E2;\n}\n.bk-tag.bk-tag-info {\n color: var(--primary-color);\n border-color: rgba(58, 132, 255, 0.3);\n background-color: #EDF4FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled {\n background-color: #3A84FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled:hover {\n background-color: #609CFE;\n}\n.bk-tag.bk-tag-info:hover:not(.bk-tag-filled) {\n background-color: #E1ECFF;\n}\n.bk-tag.bk-tag-warning {\n color: #fe9c00;\n border-color: rgba(254, 165, 0, 0.3);\n background-color: #FFF1DB;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled {\n background-color: #FE9C00;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled:hover {\n background-color: #FDAF32;\n}\n.bk-tag.bk-tag-warning:hover:not(.bk-tag-filled) {\n background-color: #FFE8C3;\n}\n.bk-tag.bk-tag-danger {\n color: var(--danger-color);\n border-color: rgba(234, 53, 54, 0.3);\n background-color: #FEEBEA;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled {\n background-color: #EA3536;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled:hover {\n background-color: #ED5C5D;\n}\n.bk-tag.bk-tag-danger:hover:not(.bk-tag-filled) {\n background-color: #FEDDDC;\n}\n.bk-tag:hover {\n background-color: #dcdee5;\n}\n.bk-tag.bk-tag-filled {\n color: #fff;\n background-color: #979BA5;\n}\n.bk-tag.bk-tag-filled:hover {\n background-color: #ACAFB6;\n}\n.bk-tag.bk-tag-stroke {\n padding: 0 9px;\n line-height: 20px;\n border-style: solid;\n border-width: 1px;\n}\n.bk-tag.bk-tag-closable {\n padding: 0 4px 0 10px;\n}\n.bk-tag.bk-tag-checkable {\n cursor: pointer;\n background: none;\n}\n.bk-tag.bk-tag-checkable:hover {\n background: #F0F1F5;\n}\n.bk-tag.bk-tag-check {\n color: #fff;\n background: var(--primary-color);\n}\n.bk-tag.bk-tag-check:hover {\n color: #fff;\n background: var(--primary-color);\n opacity: 1;\n}\n.bk-tag--default {\n padding: 0 8px;\n}\n.bk-tag--small {\n height: 16px;\n padding: 0 4px;\n line-height: 16px;\n}\n.bk-tag--small .bk-tag-text {\n font-size: 10px;\n}\n.bk-tag-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-tag-icon {\n flex-shrink: 0;\n margin-right: 4px;\n font-size: 14px;\n line-height: 0;\n}\n.bk-tag-close {\n flex-shrink: 0;\n margin-left: 4px;\n font-size: 12px;\n line-height: 0;\n cursor: pointer;\n}\n.me-tag[data-v-887b7c44] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #e1ecff;\n color: #4d4f56;\n border-radius: 50%;\n padding: 0 8px;\n height: 24px;\n width: 24px;\n cursor: pointer;\n font-size: 12px;\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n z-index: 1;\n}\n.me-tag[data-v-887b7c44]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-887b7c44] {\n background-color: #f0f1f5;\n color: #c4c6cc;\n cursor: not-allowed;\n}.dropdown-content[data-v-54b68f9a] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-54b68f9a] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-group .group-header[data-v-54b68f9a] {\n padding: 8px 12px;\n color: #979ba5;\n display: flex;\n align-items: center;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-54b68f9a] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-54b68f9a] {\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n height: 32px;\n}\n.dropdown-content .user-option[data-v-54b68f9a]:hover {\n background-color: #f5f7fa;\n}.bk-user-selector-popover.bk-popover.bk-pop2-content {\n padding: 0;\n}.user-tag[data-v-655f7a5a] {\n margin-right: 4px;\n margin-left: 0;\n}\n.user-tag.draggable[data-v-655f7a5a] {\n cursor: move;\n}\n.user-tag.active[data-v-655f7a5a] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag .tag-content .user-name[data-v-655f7a5a] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n}.multiple-selector[data-v-d9743f6d] {\n position: relative;\n width: 100%;\n}\n.multiple-selector .tags-container[data-v-d9743f6d] {\n min-height: 32px;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n padding: 1px 10px 1px 8px;\n transition: all 0.2s ease;\n background-color: #fff;\n}\n.multiple-selector .tags-container.focused[data-v-d9743f6d] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.multiple-selector .tags-container.collapsed[data-v-d9743f6d] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-list[data-v-d9743f6d] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-d9743f6d] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.multiple-selector .search-input[data-v-d9743f6d] {\n outline: none;\n border: none;\n height: 28px;\n min-width: 10px;\n background: transparent;\n}\n.multiple-selector .search-input[data-v-d9743f6d]::placeholder {\n color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-d9743f6d] {\n min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-d9743f6d], .multiple-selector .search-input.collapsed[data-v-d9743f6d] {\n flex: 1;\n min-width: 60px;\n}.single-selector[data-v-75a8e031] {\n position: relative;\n width: 100%;\n}\n.input-container[data-v-75a8e031] {\n position: relative;\n display: flex;\n align-items: center;\n min-height: 32px;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n padding: 0 8px;\n background-color: #fff;\n}\n.input-container[data-v-75a8e031]:focus-within {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.search-input[data-v-75a8e031] {\n flex: 1;\n outline: none;\n border: none;\n height: 30px;\n background: transparent;\n}\n.search-input[data-v-75a8e031]::placeholder {\n color: #c4c6cc;\n}.bk-user-selector[data-v-53d8b462] {\n width: 100%;\n position: relative;\n font-size: 12px;\n}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -13,16 +13,15 @@
13
13
  var lesscodeCustomComponentLibrary = function(exports) {
14
14
  "use strict";
15
15
  /**
16
- * @vue/shared v3.5.13
16
+ * @vue/shared v3.4.38
17
17
  * (c) 2018-present Yuxi (Evan) You and Vue contributors
18
18
  * @license MIT
19
19
  **/
20
20
  /*! #__NO_SIDE_EFFECTS__ */
21
21
  // @__NO_SIDE_EFFECTS__
22
- function makeMap(str) {
23
- const map = /* @__PURE__ */ Object.create(null);
24
- for (const key of str.split(",")) map[key] = 1;
25
- return (val) => val in map;
22
+ function makeMap(str, expectsLowerCase) {
23
+ const set2 = new Set(str.split(","));
24
+ return (val) => set2.has(val);
26
25
  }
27
26
  const EMPTY_OBJ$1 = {};
28
27
  const EMPTY_ARR = [];
@@ -70,11 +69,9 @@ var lesscodeCustomComponentLibrary = function(exports) {
70
69
  };
71
70
  };
72
71
  const camelizeRE = /-(\w)/g;
73
- const camelize = cacheStringFunction(
74
- (str) => {
75
- return str.replace(camelizeRE, (_2, c2) => c2 ? c2.toUpperCase() : "");
76
- }
77
- );
72
+ const camelize = cacheStringFunction((str) => {
73
+ return str.replace(camelizeRE, (_2, c2) => c2 ? c2.toUpperCase() : "");
74
+ });
78
75
  const hyphenateRE = /\B([A-Z])/g;
79
76
  const hyphenate = cacheStringFunction(
80
77
  (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
@@ -82,12 +79,10 @@ var lesscodeCustomComponentLibrary = function(exports) {
82
79
  const capitalize$1 = cacheStringFunction((str) => {
83
80
  return str.charAt(0).toUpperCase() + str.slice(1);
84
81
  });
85
- const toHandlerKey = cacheStringFunction(
86
- (str) => {
87
- const s2 = str ? `on${capitalize$1(str)}` : ``;
88
- return s2;
89
- }
90
- );
82
+ const toHandlerKey = cacheStringFunction((str) => {
83
+ const s2 = str ? `on${capitalize$1(str)}` : ``;
84
+ return s2;
85
+ });
91
86
  const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
92
87
  const invokeArrayFns = (fns, ...arg) => {
93
88
  for (let i2 = 0; i2 < fns.length; i2++) {
@@ -166,7 +161,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
166
161
  return !!value || value === "";
167
162
  }
168
163
  const isRef$1 = (val) => {
169
- return !!(val && val["__v_isRef"] === true);
164
+ return !!(val && val.__v_isRef === true);
170
165
  };
171
166
  const toDisplayString = (val) => {
172
167
  return isString$1(val) ? val : val == null ? "" : isArray$1(val) || isObject$2(val) && (val.toString === objectToString || !isFunction$1(val.toString)) ? isRef$1(val) ? toDisplayString(val.value) : JSON.stringify(val, replacer, 2) : String(val);
@@ -204,7 +199,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
204
199
  );
205
200
  };
206
201
  /**
207
- * @vue/reactivity v3.5.13
202
+ * @vue/reactivity v3.4.38
208
203
  * (c) 2018-present Yuxi (Evan) You and Vue contributors
209
204
  * @license MIT
210
205
  **/
@@ -215,7 +210,6 @@ var lesscodeCustomComponentLibrary = function(exports) {
215
210
  this._active = true;
216
211
  this.effects = [];
217
212
  this.cleanups = [];
218
- this._isPaused = false;
219
213
  this.parent = activeEffectScope;
220
214
  if (!detached && activeEffectScope) {
221
215
  this.index = (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(
@@ -226,39 +220,6 @@ var lesscodeCustomComponentLibrary = function(exports) {
226
220
  get active() {
227
221
  return this._active;
228
222
  }
229
- pause() {
230
- if (this._active) {
231
- this._isPaused = true;
232
- let i2, l2;
233
- if (this.scopes) {
234
- for (i2 = 0, l2 = this.scopes.length; i2 < l2; i2++) {
235
- this.scopes[i2].pause();
236
- }
237
- }
238
- for (i2 = 0, l2 = this.effects.length; i2 < l2; i2++) {
239
- this.effects[i2].pause();
240
- }
241
- }
242
- }
243
- /**
244
- * Resumes the effect scope, including all child scopes and effects.
245
- */
246
- resume() {
247
- if (this._active) {
248
- if (this._isPaused) {
249
- this._isPaused = false;
250
- let i2, l2;
251
- if (this.scopes) {
252
- for (i2 = 0, l2 = this.scopes.length; i2 < l2; i2++) {
253
- this.scopes[i2].resume();
254
- }
255
- }
256
- for (i2 = 0, l2 = this.effects.length; i2 < l2; i2++) {
257
- this.effects[i2].resume();
258
- }
259
- }
260
- }
261
- }
262
223
  run(fn) {
263
224
  if (this._active) {
264
225
  const currentEffectScope = activeEffectScope;
@@ -286,21 +247,17 @@ var lesscodeCustomComponentLibrary = function(exports) {
286
247
  }
287
248
  stop(fromParent) {
288
249
  if (this._active) {
289
- this._active = false;
290
250
  let i2, l2;
291
251
  for (i2 = 0, l2 = this.effects.length; i2 < l2; i2++) {
292
252
  this.effects[i2].stop();
293
253
  }
294
- this.effects.length = 0;
295
254
  for (i2 = 0, l2 = this.cleanups.length; i2 < l2; i2++) {
296
255
  this.cleanups[i2]();
297
256
  }
298
- this.cleanups.length = 0;
299
257
  if (this.scopes) {
300
258
  for (i2 = 0, l2 = this.scopes.length; i2 < l2; i2++) {
301
259
  this.scopes[i2].stop(true);
302
260
  }
303
- this.scopes.length = 0;
304
261
  }
305
262
  if (!this.detached && this.parent && !fromParent) {
306
263
  const last = this.parent.scopes.pop();
@@ -310,262 +267,111 @@ var lesscodeCustomComponentLibrary = function(exports) {
310
267
  }
311
268
  }
312
269
  this.parent = void 0;
270
+ this._active = false;
313
271
  }
314
272
  }
315
273
  }
274
+ function recordEffectScope(effect2, scope = activeEffectScope) {
275
+ if (scope && scope.active) {
276
+ scope.effects.push(effect2);
277
+ }
278
+ }
316
279
  function getCurrentScope() {
317
280
  return activeEffectScope;
318
281
  }
319
- let activeSub;
320
- const pausedQueueEffects = /* @__PURE__ */ new WeakSet();
282
+ let activeEffect;
321
283
  class ReactiveEffect {
322
- constructor(fn) {
284
+ constructor(fn, trigger2, scheduler, scope) {
323
285
  this.fn = fn;
324
- this.deps = void 0;
325
- this.depsTail = void 0;
326
- this.flags = 1 | 4;
327
- this.next = void 0;
328
- this.cleanup = void 0;
329
- this.scheduler = void 0;
330
- if (activeEffectScope && activeEffectScope.active) {
331
- activeEffectScope.effects.push(this);
332
- }
286
+ this.trigger = trigger2;
287
+ this.scheduler = scheduler;
288
+ this.active = true;
289
+ this.deps = [];
290
+ this._dirtyLevel = 4;
291
+ this._trackId = 0;
292
+ this._runnings = 0;
293
+ this._shouldSchedule = false;
294
+ this._depsLength = 0;
295
+ recordEffectScope(this, scope);
333
296
  }
334
- pause() {
335
- this.flags |= 64;
336
- }
337
- resume() {
338
- if (this.flags & 64) {
339
- this.flags &= -65;
340
- if (pausedQueueEffects.has(this)) {
341
- pausedQueueEffects.delete(this);
342
- this.trigger();
297
+ get dirty() {
298
+ if (this._dirtyLevel === 2 || this._dirtyLevel === 3) {
299
+ this._dirtyLevel = 1;
300
+ pauseTracking();
301
+ for (let i2 = 0; i2 < this._depsLength; i2++) {
302
+ const dep = this.deps[i2];
303
+ if (dep.computed) {
304
+ triggerComputed(dep.computed);
305
+ if (this._dirtyLevel >= 4) {
306
+ break;
307
+ }
308
+ }
309
+ }
310
+ if (this._dirtyLevel === 1) {
311
+ this._dirtyLevel = 0;
343
312
  }
313
+ resetTracking();
344
314
  }
315
+ return this._dirtyLevel >= 4;
345
316
  }
346
- /**
347
- * @internal
348
- */
349
- notify() {
350
- if (this.flags & 2 && !(this.flags & 32)) {
351
- return;
352
- }
353
- if (!(this.flags & 8)) {
354
- batch(this);
355
- }
317
+ set dirty(v2) {
318
+ this._dirtyLevel = v2 ? 4 : 0;
356
319
  }
357
320
  run() {
358
- if (!(this.flags & 1)) {
321
+ this._dirtyLevel = 0;
322
+ if (!this.active) {
359
323
  return this.fn();
360
324
  }
361
- this.flags |= 2;
362
- cleanupEffect(this);
363
- prepareDeps(this);
364
- const prevEffect = activeSub;
365
- const prevShouldTrack = shouldTrack;
366
- activeSub = this;
367
- shouldTrack = true;
325
+ let lastShouldTrack = shouldTrack;
326
+ let lastEffect = activeEffect;
368
327
  try {
328
+ shouldTrack = true;
329
+ activeEffect = this;
330
+ this._runnings++;
331
+ preCleanupEffect(this);
369
332
  return this.fn();
370
333
  } finally {
371
- cleanupDeps(this);
372
- activeSub = prevEffect;
373
- shouldTrack = prevShouldTrack;
374
- this.flags &= -3;
334
+ postCleanupEffect(this);
335
+ this._runnings--;
336
+ activeEffect = lastEffect;
337
+ shouldTrack = lastShouldTrack;
375
338
  }
376
339
  }
377
340
  stop() {
378
- if (this.flags & 1) {
379
- for (let link = this.deps; link; link = link.nextDep) {
380
- removeSub(link);
381
- }
382
- this.deps = this.depsTail = void 0;
383
- cleanupEffect(this);
341
+ if (this.active) {
342
+ preCleanupEffect(this);
343
+ postCleanupEffect(this);
384
344
  this.onStop && this.onStop();
385
- this.flags &= -2;
386
- }
387
- }
388
- trigger() {
389
- if (this.flags & 64) {
390
- pausedQueueEffects.add(this);
391
- } else if (this.scheduler) {
392
- this.scheduler();
393
- } else {
394
- this.runIfDirty();
395
- }
396
- }
397
- /**
398
- * @internal
399
- */
400
- runIfDirty() {
401
- if (isDirty(this)) {
402
- this.run();
403
- }
404
- }
405
- get dirty() {
406
- return isDirty(this);
407
- }
408
- }
409
- let batchDepth = 0;
410
- let batchedSub;
411
- let batchedComputed;
412
- function batch(sub, isComputed = false) {
413
- sub.flags |= 8;
414
- if (isComputed) {
415
- sub.next = batchedComputed;
416
- batchedComputed = sub;
417
- return;
418
- }
419
- sub.next = batchedSub;
420
- batchedSub = sub;
421
- }
422
- function startBatch() {
423
- batchDepth++;
424
- }
425
- function endBatch() {
426
- if (--batchDepth > 0) {
427
- return;
428
- }
429
- if (batchedComputed) {
430
- let e = batchedComputed;
431
- batchedComputed = void 0;
432
- while (e) {
433
- const next = e.next;
434
- e.next = void 0;
435
- e.flags &= -9;
436
- e = next;
437
- }
438
- }
439
- let error2;
440
- while (batchedSub) {
441
- let e = batchedSub;
442
- batchedSub = void 0;
443
- while (e) {
444
- const next = e.next;
445
- e.next = void 0;
446
- e.flags &= -9;
447
- if (e.flags & 1) {
448
- try {
449
- ;
450
- e.trigger();
451
- } catch (err) {
452
- if (!error2) error2 = err;
453
- }
454
- }
455
- e = next;
345
+ this.active = false;
456
346
  }
457
347
  }
458
- if (error2) throw error2;
459
- }
460
- function prepareDeps(sub) {
461
- for (let link = sub.deps; link; link = link.nextDep) {
462
- link.version = -1;
463
- link.prevActiveLink = link.dep.activeLink;
464
- link.dep.activeLink = link;
465
- }
466
348
  }
467
- function cleanupDeps(sub) {
468
- let head;
469
- let tail = sub.depsTail;
470
- let link = tail;
471
- while (link) {
472
- const prev = link.prevDep;
473
- if (link.version === -1) {
474
- if (link === tail) tail = prev;
475
- removeSub(link);
476
- removeDep(link);
477
- } else {
478
- head = link;
479
- }
480
- link.dep.activeLink = link.prevActiveLink;
481
- link.prevActiveLink = void 0;
482
- link = prev;
483
- }
484
- sub.deps = head;
485
- sub.depsTail = tail;
349
+ function triggerComputed(computed2) {
350
+ return computed2.value;
486
351
  }
487
- function isDirty(sub) {
488
- for (let link = sub.deps; link; link = link.nextDep) {
489
- if (link.dep.version !== link.version || link.dep.computed && (refreshComputed(link.dep.computed) || link.dep.version !== link.version)) {
490
- return true;
491
- }
492
- }
493
- if (sub._dirty) {
494
- return true;
495
- }
496
- return false;
352
+ function preCleanupEffect(effect2) {
353
+ effect2._trackId++;
354
+ effect2._depsLength = 0;
497
355
  }
498
- function refreshComputed(computed2) {
499
- if (computed2.flags & 4 && !(computed2.flags & 16)) {
500
- return;
501
- }
502
- computed2.flags &= -17;
503
- if (computed2.globalVersion === globalVersion) {
504
- return;
505
- }
506
- computed2.globalVersion = globalVersion;
507
- const dep = computed2.dep;
508
- computed2.flags |= 2;
509
- if (dep.version > 0 && !computed2.isSSR && computed2.deps && !isDirty(computed2)) {
510
- computed2.flags &= -3;
511
- return;
512
- }
513
- const prevSub = activeSub;
514
- const prevShouldTrack = shouldTrack;
515
- activeSub = computed2;
516
- shouldTrack = true;
517
- try {
518
- prepareDeps(computed2);
519
- const value = computed2.fn(computed2._value);
520
- if (dep.version === 0 || hasChanged(value, computed2._value)) {
521
- computed2._value = value;
522
- dep.version++;
356
+ function postCleanupEffect(effect2) {
357
+ if (effect2.deps.length > effect2._depsLength) {
358
+ for (let i2 = effect2._depsLength; i2 < effect2.deps.length; i2++) {
359
+ cleanupDepEffect(effect2.deps[i2], effect2);
523
360
  }
524
- } catch (err) {
525
- dep.version++;
526
- throw err;
527
- } finally {
528
- activeSub = prevSub;
529
- shouldTrack = prevShouldTrack;
530
- cleanupDeps(computed2);
531
- computed2.flags &= -3;
361
+ effect2.deps.length = effect2._depsLength;
532
362
  }
533
363
  }
534
- function removeSub(link, soft = false) {
535
- const { dep, prevSub, nextSub } = link;
536
- if (prevSub) {
537
- prevSub.nextSub = nextSub;
538
- link.prevSub = void 0;
539
- }
540
- if (nextSub) {
541
- nextSub.prevSub = prevSub;
542
- link.nextSub = void 0;
543
- }
544
- if (dep.subs === link) {
545
- dep.subs = prevSub;
546
- if (!prevSub && dep.computed) {
547
- dep.computed.flags &= -5;
548
- for (let l2 = dep.computed.deps; l2; l2 = l2.nextDep) {
549
- removeSub(l2, true);
550
- }
364
+ function cleanupDepEffect(dep, effect2) {
365
+ const trackId = dep.get(effect2);
366
+ if (trackId !== void 0 && effect2._trackId !== trackId) {
367
+ dep.delete(effect2);
368
+ if (dep.size === 0) {
369
+ dep.cleanup();
551
370
  }
552
371
  }
553
- if (!soft && !--dep.sc && dep.map) {
554
- dep.map.delete(dep.key);
555
- }
556
- }
557
- function removeDep(link) {
558
- const { prevDep, nextDep } = link;
559
- if (prevDep) {
560
- prevDep.nextDep = nextDep;
561
- link.prevDep = void 0;
562
- }
563
- if (nextDep) {
564
- nextDep.prevDep = prevDep;
565
- link.nextDep = void 0;
566
- }
567
372
  }
568
373
  let shouldTrack = true;
374
+ let pauseScheduleStack = 0;
569
375
  const trackStack = [];
570
376
  function pauseTracking() {
571
377
  trackStack.push(shouldTrack);
@@ -575,382 +381,168 @@ var lesscodeCustomComponentLibrary = function(exports) {
575
381
  const last = trackStack.pop();
576
382
  shouldTrack = last === void 0 ? true : last;
577
383
  }
578
- function cleanupEffect(e) {
579
- const { cleanup } = e;
580
- e.cleanup = void 0;
581
- if (cleanup) {
582
- const prevSub = activeSub;
583
- activeSub = void 0;
584
- try {
585
- cleanup();
586
- } finally {
587
- activeSub = prevSub;
588
- }
589
- }
384
+ function pauseScheduling() {
385
+ pauseScheduleStack++;
590
386
  }
591
- let globalVersion = 0;
592
- class Link {
593
- constructor(sub, dep) {
594
- this.sub = sub;
595
- this.dep = dep;
596
- this.version = dep.version;
597
- this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = void 0;
387
+ function resetScheduling() {
388
+ pauseScheduleStack--;
389
+ while (!pauseScheduleStack && queueEffectSchedulers.length) {
390
+ queueEffectSchedulers.shift()();
598
391
  }
599
392
  }
600
- class Dep {
601
- constructor(computed2) {
602
- this.computed = computed2;
603
- this.version = 0;
604
- this.activeLink = void 0;
605
- this.subs = void 0;
606
- this.map = void 0;
607
- this.key = void 0;
608
- this.sc = 0;
609
- }
610
- track(debugInfo) {
611
- if (!activeSub || !shouldTrack || activeSub === this.computed) {
612
- return;
613
- }
614
- let link = this.activeLink;
615
- if (link === void 0 || link.sub !== activeSub) {
616
- link = this.activeLink = new Link(activeSub, this);
617
- if (!activeSub.deps) {
618
- activeSub.deps = activeSub.depsTail = link;
619
- } else {
620
- link.prevDep = activeSub.depsTail;
621
- activeSub.depsTail.nextDep = link;
622
- activeSub.depsTail = link;
623
- }
624
- addSub(link);
625
- } else if (link.version === -1) {
626
- link.version = this.version;
627
- if (link.nextDep) {
628
- const next = link.nextDep;
629
- next.prevDep = link.prevDep;
630
- if (link.prevDep) {
631
- link.prevDep.nextDep = next;
632
- }
633
- link.prevDep = activeSub.depsTail;
634
- link.nextDep = void 0;
635
- activeSub.depsTail.nextDep = link;
636
- activeSub.depsTail = link;
637
- if (activeSub.deps === link) {
638
- activeSub.deps = next;
639
- }
393
+ function trackEffect(effect2, dep, debuggerEventExtraInfo) {
394
+ if (dep.get(effect2) !== effect2._trackId) {
395
+ dep.set(effect2, effect2._trackId);
396
+ const oldDep = effect2.deps[effect2._depsLength];
397
+ if (oldDep !== dep) {
398
+ if (oldDep) {
399
+ cleanupDepEffect(oldDep, effect2);
640
400
  }
641
- }
642
- return link;
643
- }
644
- trigger(debugInfo) {
645
- this.version++;
646
- globalVersion++;
647
- this.notify(debugInfo);
648
- }
649
- notify(debugInfo) {
650
- startBatch();
651
- try {
652
- if (false) ;
653
- for (let link = this.subs; link; link = link.prevSub) {
654
- if (link.sub.notify()) {
655
- ;
656
- link.sub.dep.notify();
657
- }
658
- }
659
- } finally {
660
- endBatch();
401
+ effect2.deps[effect2._depsLength++] = dep;
402
+ } else {
403
+ effect2._depsLength++;
661
404
  }
662
405
  }
663
406
  }
664
- function addSub(link) {
665
- link.dep.sc++;
666
- if (link.sub.flags & 4) {
667
- const computed2 = link.dep.computed;
668
- if (computed2 && !link.dep.subs) {
669
- computed2.flags |= 4 | 16;
670
- for (let l2 = computed2.deps; l2; l2 = l2.nextDep) {
671
- addSub(l2);
672
- }
407
+ const queueEffectSchedulers = [];
408
+ function triggerEffects(dep, dirtyLevel, debuggerEventExtraInfo) {
409
+ pauseScheduling();
410
+ for (const effect2 of dep.keys()) {
411
+ let tracking;
412
+ if (effect2._dirtyLevel < dirtyLevel && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
413
+ effect2._shouldSchedule || (effect2._shouldSchedule = effect2._dirtyLevel === 0);
414
+ effect2._dirtyLevel = dirtyLevel;
673
415
  }
674
- const currentTail = link.dep.subs;
675
- if (currentTail !== link) {
676
- link.prevSub = currentTail;
677
- if (currentTail) currentTail.nextSub = link;
416
+ if (effect2._shouldSchedule && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
417
+ effect2.trigger();
418
+ if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 2) {
419
+ effect2._shouldSchedule = false;
420
+ if (effect2.scheduler) {
421
+ queueEffectSchedulers.push(effect2.scheduler);
422
+ }
423
+ }
678
424
  }
679
- link.dep.subs = link;
680
425
  }
426
+ resetScheduling();
681
427
  }
428
+ const createDep = (cleanup, computed2) => {
429
+ const dep = /* @__PURE__ */ new Map();
430
+ dep.cleanup = cleanup;
431
+ dep.computed = computed2;
432
+ return dep;
433
+ };
682
434
  const targetMap = /* @__PURE__ */ new WeakMap();
683
- const ITERATE_KEY = Symbol(
684
- ""
685
- );
686
- const MAP_KEY_ITERATE_KEY = Symbol(
687
- ""
688
- );
689
- const ARRAY_ITERATE_KEY = Symbol(
690
- ""
691
- );
435
+ const ITERATE_KEY = Symbol("");
436
+ const MAP_KEY_ITERATE_KEY = Symbol("");
692
437
  function track(target, type, key) {
693
- if (shouldTrack && activeSub) {
438
+ if (shouldTrack && activeEffect) {
694
439
  let depsMap = targetMap.get(target);
695
440
  if (!depsMap) {
696
441
  targetMap.set(target, depsMap = /* @__PURE__ */ new Map());
697
442
  }
698
443
  let dep = depsMap.get(key);
699
444
  if (!dep) {
700
- depsMap.set(key, dep = new Dep());
701
- dep.map = depsMap;
702
- dep.key = key;
703
- }
704
- {
705
- dep.track();
445
+ depsMap.set(key, dep = createDep(() => depsMap.delete(key)));
706
446
  }
447
+ trackEffect(
448
+ activeEffect,
449
+ dep
450
+ );
707
451
  }
708
452
  }
709
453
  function trigger(target, type, key, newValue, oldValue, oldTarget) {
710
454
  const depsMap = targetMap.get(target);
711
455
  if (!depsMap) {
712
- globalVersion++;
713
456
  return;
714
457
  }
715
- const run = (dep) => {
716
- if (dep) {
717
- {
718
- dep.trigger();
719
- }
720
- }
721
- };
722
- startBatch();
458
+ let deps = [];
723
459
  if (type === "clear") {
724
- depsMap.forEach(run);
460
+ deps = [...depsMap.values()];
461
+ } else if (key === "length" && isArray$1(target)) {
462
+ const newLength = Number(newValue);
463
+ depsMap.forEach((dep, key2) => {
464
+ if (key2 === "length" || !isSymbol$1(key2) && key2 >= newLength) {
465
+ deps.push(dep);
466
+ }
467
+ });
725
468
  } else {
726
- const targetIsArray = isArray$1(target);
727
- const isArrayIndex = targetIsArray && isIntegerKey(key);
728
- if (targetIsArray && key === "length") {
729
- const newLength = Number(newValue);
730
- depsMap.forEach((dep, key2) => {
731
- if (key2 === "length" || key2 === ARRAY_ITERATE_KEY || !isSymbol$1(key2) && key2 >= newLength) {
732
- run(dep);
733
- }
734
- });
735
- } else {
736
- if (key !== void 0 || depsMap.has(void 0)) {
737
- run(depsMap.get(key));
738
- }
739
- if (isArrayIndex) {
740
- run(depsMap.get(ARRAY_ITERATE_KEY));
741
- }
742
- switch (type) {
743
- case "add":
744
- if (!targetIsArray) {
745
- run(depsMap.get(ITERATE_KEY));
746
- if (isMap(target)) {
747
- run(depsMap.get(MAP_KEY_ITERATE_KEY));
748
- }
749
- } else if (isArrayIndex) {
750
- run(depsMap.get("length"));
751
- }
752
- break;
753
- case "delete":
754
- if (!targetIsArray) {
755
- run(depsMap.get(ITERATE_KEY));
756
- if (isMap(target)) {
757
- run(depsMap.get(MAP_KEY_ITERATE_KEY));
758
- }
469
+ if (key !== void 0) {
470
+ deps.push(depsMap.get(key));
471
+ }
472
+ switch (type) {
473
+ case "add":
474
+ if (!isArray$1(target)) {
475
+ deps.push(depsMap.get(ITERATE_KEY));
476
+ if (isMap(target)) {
477
+ deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
759
478
  }
760
- break;
761
- case "set":
479
+ } else if (isIntegerKey(key)) {
480
+ deps.push(depsMap.get("length"));
481
+ }
482
+ break;
483
+ case "delete":
484
+ if (!isArray$1(target)) {
485
+ deps.push(depsMap.get(ITERATE_KEY));
762
486
  if (isMap(target)) {
763
- run(depsMap.get(ITERATE_KEY));
487
+ deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
764
488
  }
765
- break;
766
- }
767
- }
768
- }
769
- endBatch();
770
- }
771
- function getDepFromReactive(object, key) {
772
- const depMap = targetMap.get(object);
773
- return depMap && depMap.get(key);
774
- }
775
- function reactiveReadArray(array) {
776
- const raw = toRaw(array);
777
- if (raw === array) return raw;
778
- track(raw, "iterate", ARRAY_ITERATE_KEY);
779
- return isShallow(array) ? raw : raw.map(toReactive);
780
- }
781
- function shallowReadArray(arr) {
782
- track(arr = toRaw(arr), "iterate", ARRAY_ITERATE_KEY);
783
- return arr;
784
- }
785
- const arrayInstrumentations = {
786
- __proto__: null,
787
- [Symbol.iterator]() {
788
- return iterator(this, Symbol.iterator, toReactive);
789
- },
790
- concat(...args) {
791
- return reactiveReadArray(this).concat(
792
- ...args.map((x2) => isArray$1(x2) ? reactiveReadArray(x2) : x2)
793
- );
794
- },
795
- entries() {
796
- return iterator(this, "entries", (value) => {
797
- value[1] = toReactive(value[1]);
798
- return value;
799
- });
800
- },
801
- every(fn, thisArg) {
802
- return apply(this, "every", fn, thisArg, void 0, arguments);
803
- },
804
- filter(fn, thisArg) {
805
- return apply(this, "filter", fn, thisArg, (v2) => v2.map(toReactive), arguments);
806
- },
807
- find(fn, thisArg) {
808
- return apply(this, "find", fn, thisArg, toReactive, arguments);
809
- },
810
- findIndex(fn, thisArg) {
811
- return apply(this, "findIndex", fn, thisArg, void 0, arguments);
812
- },
813
- findLast(fn, thisArg) {
814
- return apply(this, "findLast", fn, thisArg, toReactive, arguments);
815
- },
816
- findLastIndex(fn, thisArg) {
817
- return apply(this, "findLastIndex", fn, thisArg, void 0, arguments);
818
- },
819
- // flat, flatMap could benefit from ARRAY_ITERATE but are not straight-forward to implement
820
- forEach(fn, thisArg) {
821
- return apply(this, "forEach", fn, thisArg, void 0, arguments);
822
- },
823
- includes(...args) {
824
- return searchProxy(this, "includes", args);
825
- },
826
- indexOf(...args) {
827
- return searchProxy(this, "indexOf", args);
828
- },
829
- join(separator) {
830
- return reactiveReadArray(this).join(separator);
831
- },
832
- // keys() iterator only reads `length`, no optimisation required
833
- lastIndexOf(...args) {
834
- return searchProxy(this, "lastIndexOf", args);
835
- },
836
- map(fn, thisArg) {
837
- return apply(this, "map", fn, thisArg, void 0, arguments);
838
- },
839
- pop() {
840
- return noTracking(this, "pop");
841
- },
842
- push(...args) {
843
- return noTracking(this, "push", args);
844
- },
845
- reduce(fn, ...args) {
846
- return reduce(this, "reduce", fn, args);
847
- },
848
- reduceRight(fn, ...args) {
849
- return reduce(this, "reduceRight", fn, args);
850
- },
851
- shift() {
852
- return noTracking(this, "shift");
853
- },
854
- // slice could use ARRAY_ITERATE but also seems to beg for range tracking
855
- some(fn, thisArg) {
856
- return apply(this, "some", fn, thisArg, void 0, arguments);
857
- },
858
- splice(...args) {
859
- return noTracking(this, "splice", args);
860
- },
861
- toReversed() {
862
- return reactiveReadArray(this).toReversed();
863
- },
864
- toSorted(comparer) {
865
- return reactiveReadArray(this).toSorted(comparer);
866
- },
867
- toSpliced(...args) {
868
- return reactiveReadArray(this).toSpliced(...args);
869
- },
870
- unshift(...args) {
871
- return noTracking(this, "unshift", args);
872
- },
873
- values() {
874
- return iterator(this, "values", toReactive);
875
- }
876
- };
877
- function iterator(self2, method, wrapValue) {
878
- const arr = shallowReadArray(self2);
879
- const iter = arr[method]();
880
- if (arr !== self2 && !isShallow(self2)) {
881
- iter._next = iter.next;
882
- iter.next = () => {
883
- const result = iter._next();
884
- if (result.value) {
885
- result.value = wrapValue(result.value);
886
- }
887
- return result;
888
- };
889
- }
890
- return iter;
891
- }
892
- const arrayProto = Array.prototype;
893
- function apply(self2, method, fn, thisArg, wrappedRetFn, args) {
894
- const arr = shallowReadArray(self2);
895
- const needsWrap = arr !== self2 && !isShallow(self2);
896
- const methodFn = arr[method];
897
- if (methodFn !== arrayProto[method]) {
898
- const result2 = methodFn.apply(self2, args);
899
- return needsWrap ? toReactive(result2) : result2;
900
- }
901
- let wrappedFn = fn;
902
- if (arr !== self2) {
903
- if (needsWrap) {
904
- wrappedFn = function(item, index) {
905
- return fn.call(this, toReactive(item), index, self2);
906
- };
907
- } else if (fn.length > 2) {
908
- wrappedFn = function(item, index) {
909
- return fn.call(this, item, index, self2);
910
- };
489
+ }
490
+ break;
491
+ case "set":
492
+ if (isMap(target)) {
493
+ deps.push(depsMap.get(ITERATE_KEY));
494
+ }
495
+ break;
911
496
  }
912
497
  }
913
- const result = methodFn.call(arr, wrappedFn, thisArg);
914
- return needsWrap && wrappedRetFn ? wrappedRetFn(result) : result;
915
- }
916
- function reduce(self2, method, fn, args) {
917
- const arr = shallowReadArray(self2);
918
- let wrappedFn = fn;
919
- if (arr !== self2) {
920
- if (!isShallow(self2)) {
921
- wrappedFn = function(acc, item, index) {
922
- return fn.call(this, acc, toReactive(item), index, self2);
923
- };
924
- } else if (fn.length > 3) {
925
- wrappedFn = function(acc, item, index) {
926
- return fn.call(this, acc, item, index, self2);
927
- };
498
+ pauseScheduling();
499
+ for (const dep of deps) {
500
+ if (dep) {
501
+ triggerEffects(
502
+ dep,
503
+ 4
504
+ );
928
505
  }
929
506
  }
930
- return arr[method](wrappedFn, ...args);
507
+ resetScheduling();
931
508
  }
932
- function searchProxy(self2, method, args) {
933
- const arr = toRaw(self2);
934
- track(arr, "iterate", ARRAY_ITERATE_KEY);
935
- const res = arr[method](...args);
936
- if ((res === -1 || res === false) && isProxy(args[0])) {
937
- args[0] = toRaw(args[0]);
938
- return arr[method](...args);
939
- }
940
- return res;
941
- }
942
- function noTracking(self2, method, args = []) {
943
- pauseTracking();
944
- startBatch();
945
- const res = toRaw(self2)[method].apply(self2, args);
946
- endBatch();
947
- resetTracking();
948
- return res;
509
+ function getDepFromReactive(object, key) {
510
+ const depsMap = targetMap.get(object);
511
+ return depsMap && depsMap.get(key);
949
512
  }
950
513
  const isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`);
951
514
  const builtInSymbols = new Set(
952
515
  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol$1)
953
516
  );
517
+ const arrayInstrumentations = /* @__PURE__ */ createArrayInstrumentations();
518
+ function createArrayInstrumentations() {
519
+ const instrumentations = {};
520
+ ["includes", "indexOf", "lastIndexOf"].forEach((key) => {
521
+ instrumentations[key] = function(...args) {
522
+ const arr = toRaw(this);
523
+ for (let i2 = 0, l2 = this.length; i2 < l2; i2++) {
524
+ track(arr, "get", i2 + "");
525
+ }
526
+ const res = arr[key](...args);
527
+ if (res === -1 || res === false) {
528
+ return arr[key](...args.map(toRaw));
529
+ } else {
530
+ return res;
531
+ }
532
+ };
533
+ });
534
+ ["push", "pop", "shift", "unshift", "splice"].forEach((key) => {
535
+ instrumentations[key] = function(...args) {
536
+ pauseTracking();
537
+ pauseScheduling();
538
+ const res = toRaw(this)[key].apply(this, args);
539
+ resetScheduling();
540
+ resetTracking();
541
+ return res;
542
+ };
543
+ });
544
+ return instrumentations;
545
+ }
954
546
  function hasOwnProperty(key) {
955
547
  if (!isSymbol$1(key)) key = String(key);
956
548
  const obj = toRaw(this);
@@ -963,7 +555,6 @@ var lesscodeCustomComponentLibrary = function(exports) {
963
555
  this._isShallow = _isShallow;
964
556
  }
965
557
  get(target, key, receiver) {
966
- if (key === "__v_skip") return target["__v_skip"];
967
558
  const isReadonly2 = this._isReadonly, isShallow2 = this._isShallow;
968
559
  if (key === "__v_isReactive") {
969
560
  return !isReadonly2;
@@ -981,22 +572,14 @@ var lesscodeCustomComponentLibrary = function(exports) {
981
572
  }
982
573
  const targetIsArray = isArray$1(target);
983
574
  if (!isReadonly2) {
984
- let fn;
985
- if (targetIsArray && (fn = arrayInstrumentations[key])) {
986
- return fn;
575
+ if (targetIsArray && hasOwn(arrayInstrumentations, key)) {
576
+ return Reflect.get(arrayInstrumentations, key, receiver);
987
577
  }
988
578
  if (key === "hasOwnProperty") {
989
579
  return hasOwnProperty;
990
580
  }
991
581
  }
992
- const res = Reflect.get(
993
- target,
994
- key,
995
- // if this is a proxy wrapping a ref, return methods using the raw ref
996
- // as receiver so that we don't have to call `toRaw` on the ref in all
997
- // its class methods
998
- isRef(target) ? target : receiver
999
- );
582
+ const res = Reflect.get(target, key, receiver);
1000
583
  if (isSymbol$1(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) {
1001
584
  return res;
1002
585
  }
@@ -1037,12 +620,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
1037
620
  }
1038
621
  }
1039
622
  const hadKey = isArray$1(target) && isIntegerKey(key) ? Number(key) < target.length : hasOwn(target, key);
1040
- const result = Reflect.set(
1041
- target,
1042
- key,
1043
- value,
1044
- isRef(target) ? target : receiver
1045
- );
623
+ const result = Reflect.set(target, key, value, receiver);
1046
624
  if (target === toRaw(receiver)) {
1047
625
  if (!hadKey) {
1048
626
  trigger(target, "add", key, value);
@@ -1090,10 +668,118 @@ var lesscodeCustomComponentLibrary = function(exports) {
1090
668
  }
1091
669
  const mutableHandlers = /* @__PURE__ */ new MutableReactiveHandler();
1092
670
  const readonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler();
1093
- const shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(true);
671
+ const shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(
672
+ true
673
+ );
1094
674
  const shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true);
1095
675
  const toShallow = (value) => value;
1096
676
  const getProto = (v2) => Reflect.getPrototypeOf(v2);
677
+ function get(target, key, isReadonly2 = false, isShallow2 = false) {
678
+ target = target["__v_raw"];
679
+ const rawTarget = toRaw(target);
680
+ const rawKey = toRaw(key);
681
+ if (!isReadonly2) {
682
+ if (hasChanged(key, rawKey)) {
683
+ track(rawTarget, "get", key);
684
+ }
685
+ track(rawTarget, "get", rawKey);
686
+ }
687
+ const { has: has2 } = getProto(rawTarget);
688
+ const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive;
689
+ if (has2.call(rawTarget, key)) {
690
+ return wrap(target.get(key));
691
+ } else if (has2.call(rawTarget, rawKey)) {
692
+ return wrap(target.get(rawKey));
693
+ } else if (target !== rawTarget) {
694
+ target.get(key);
695
+ }
696
+ }
697
+ function has(key, isReadonly2 = false) {
698
+ const target = this["__v_raw"];
699
+ const rawTarget = toRaw(target);
700
+ const rawKey = toRaw(key);
701
+ if (!isReadonly2) {
702
+ if (hasChanged(key, rawKey)) {
703
+ track(rawTarget, "has", key);
704
+ }
705
+ track(rawTarget, "has", rawKey);
706
+ }
707
+ return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey);
708
+ }
709
+ function size(target, isReadonly2 = false) {
710
+ target = target["__v_raw"];
711
+ !isReadonly2 && track(toRaw(target), "iterate", ITERATE_KEY);
712
+ return Reflect.get(target, "size", target);
713
+ }
714
+ function add(value, _isShallow = false) {
715
+ if (!_isShallow && !isShallow(value) && !isReadonly(value)) {
716
+ value = toRaw(value);
717
+ }
718
+ const target = toRaw(this);
719
+ const proto = getProto(target);
720
+ const hadKey = proto.has.call(target, value);
721
+ if (!hadKey) {
722
+ target.add(value);
723
+ trigger(target, "add", value, value);
724
+ }
725
+ return this;
726
+ }
727
+ function set(key, value, _isShallow = false) {
728
+ if (!_isShallow && !isShallow(value) && !isReadonly(value)) {
729
+ value = toRaw(value);
730
+ }
731
+ const target = toRaw(this);
732
+ const { has: has2, get: get2 } = getProto(target);
733
+ let hadKey = has2.call(target, key);
734
+ if (!hadKey) {
735
+ key = toRaw(key);
736
+ hadKey = has2.call(target, key);
737
+ }
738
+ const oldValue = get2.call(target, key);
739
+ target.set(key, value);
740
+ if (!hadKey) {
741
+ trigger(target, "add", key, value);
742
+ } else if (hasChanged(value, oldValue)) {
743
+ trigger(target, "set", key, value);
744
+ }
745
+ return this;
746
+ }
747
+ function deleteEntry(key) {
748
+ const target = toRaw(this);
749
+ const { has: has2, get: get2 } = getProto(target);
750
+ let hadKey = has2.call(target, key);
751
+ if (!hadKey) {
752
+ key = toRaw(key);
753
+ hadKey = has2.call(target, key);
754
+ }
755
+ get2 ? get2.call(target, key) : void 0;
756
+ const result = target.delete(key);
757
+ if (hadKey) {
758
+ trigger(target, "delete", key, void 0);
759
+ }
760
+ return result;
761
+ }
762
+ function clear() {
763
+ const target = toRaw(this);
764
+ const hadItems = target.size !== 0;
765
+ const result = target.clear();
766
+ if (hadItems) {
767
+ trigger(target, "clear", void 0, void 0);
768
+ }
769
+ return result;
770
+ }
771
+ function createForEach(isReadonly2, isShallow2) {
772
+ return function forEach(callback, thisArg) {
773
+ const observed = this;
774
+ const target = observed["__v_raw"];
775
+ const rawTarget = toRaw(target);
776
+ const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive;
777
+ !isReadonly2 && track(rawTarget, "iterate", ITERATE_KEY);
778
+ return target.forEach((value, key) => {
779
+ return callback.call(thisArg, wrap(value), wrap(key), observed);
780
+ });
781
+ };
782
+ }
1097
783
  function createIterableMethod(method, isReadonly2, isShallow2) {
1098
784
  return function(...args) {
1099
785
  const target = this["__v_raw"];
@@ -1129,128 +815,71 @@ var lesscodeCustomComponentLibrary = function(exports) {
1129
815
  return type === "delete" ? false : type === "clear" ? void 0 : this;
1130
816
  };
1131
817
  }
1132
- function createInstrumentations(readonly2, shallow) {
1133
- const instrumentations = {
818
+ function createInstrumentations() {
819
+ const mutableInstrumentations2 = {
1134
820
  get(key) {
1135
- const target = this["__v_raw"];
1136
- const rawTarget = toRaw(target);
1137
- const rawKey = toRaw(key);
1138
- if (!readonly2) {
1139
- if (hasChanged(key, rawKey)) {
1140
- track(rawTarget, "get", key);
1141
- }
1142
- track(rawTarget, "get", rawKey);
1143
- }
1144
- const { has } = getProto(rawTarget);
1145
- const wrap = shallow ? toShallow : readonly2 ? toReadonly : toReactive;
1146
- if (has.call(rawTarget, key)) {
1147
- return wrap(target.get(key));
1148
- } else if (has.call(rawTarget, rawKey)) {
1149
- return wrap(target.get(rawKey));
1150
- } else if (target !== rawTarget) {
1151
- target.get(key);
1152
- }
821
+ return get(this, key);
1153
822
  },
1154
823
  get size() {
1155
- const target = this["__v_raw"];
1156
- !readonly2 && track(toRaw(target), "iterate", ITERATE_KEY);
1157
- return Reflect.get(target, "size", target);
824
+ return size(this);
1158
825
  },
1159
- has(key) {
1160
- const target = this["__v_raw"];
1161
- const rawTarget = toRaw(target);
1162
- const rawKey = toRaw(key);
1163
- if (!readonly2) {
1164
- if (hasChanged(key, rawKey)) {
1165
- track(rawTarget, "has", key);
1166
- }
1167
- track(rawTarget, "has", rawKey);
1168
- }
1169
- return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey);
826
+ has,
827
+ add,
828
+ set,
829
+ delete: deleteEntry,
830
+ clear,
831
+ forEach: createForEach(false, false)
832
+ };
833
+ const shallowInstrumentations2 = {
834
+ get(key) {
835
+ return get(this, key, false, true);
1170
836
  },
1171
- forEach(callback, thisArg) {
1172
- const observed = this;
1173
- const target = observed["__v_raw"];
1174
- const rawTarget = toRaw(target);
1175
- const wrap = shallow ? toShallow : readonly2 ? toReadonly : toReactive;
1176
- !readonly2 && track(rawTarget, "iterate", ITERATE_KEY);
1177
- return target.forEach((value, key) => {
1178
- return callback.call(thisArg, wrap(value), wrap(key), observed);
1179
- });
1180
- }
837
+ get size() {
838
+ return size(this);
839
+ },
840
+ has,
841
+ add(value) {
842
+ return add.call(this, value, true);
843
+ },
844
+ set(key, value) {
845
+ return set.call(this, key, value, true);
846
+ },
847
+ delete: deleteEntry,
848
+ clear,
849
+ forEach: createForEach(false, true)
850
+ };
851
+ const readonlyInstrumentations2 = {
852
+ get(key) {
853
+ return get(this, key, true);
854
+ },
855
+ get size() {
856
+ return size(this, true);
857
+ },
858
+ has(key) {
859
+ return has.call(this, key, true);
860
+ },
861
+ add: createReadonlyMethod("add"),
862
+ set: createReadonlyMethod("set"),
863
+ delete: createReadonlyMethod("delete"),
864
+ clear: createReadonlyMethod("clear"),
865
+ forEach: createForEach(true, false)
866
+ };
867
+ const shallowReadonlyInstrumentations2 = {
868
+ get(key) {
869
+ return get(this, key, true, true);
870
+ },
871
+ get size() {
872
+ return size(this, true);
873
+ },
874
+ has(key) {
875
+ return has.call(this, key, true);
876
+ },
877
+ add: createReadonlyMethod("add"),
878
+ set: createReadonlyMethod("set"),
879
+ delete: createReadonlyMethod("delete"),
880
+ clear: createReadonlyMethod("clear"),
881
+ forEach: createForEach(true, true)
1181
882
  };
1182
- extend(
1183
- instrumentations,
1184
- readonly2 ? {
1185
- add: createReadonlyMethod("add"),
1186
- set: createReadonlyMethod("set"),
1187
- delete: createReadonlyMethod("delete"),
1188
- clear: createReadonlyMethod("clear")
1189
- } : {
1190
- add(value) {
1191
- if (!shallow && !isShallow(value) && !isReadonly(value)) {
1192
- value = toRaw(value);
1193
- }
1194
- const target = toRaw(this);
1195
- const proto = getProto(target);
1196
- const hadKey = proto.has.call(target, value);
1197
- if (!hadKey) {
1198
- target.add(value);
1199
- trigger(target, "add", value, value);
1200
- }
1201
- return this;
1202
- },
1203
- set(key, value) {
1204
- if (!shallow && !isShallow(value) && !isReadonly(value)) {
1205
- value = toRaw(value);
1206
- }
1207
- const target = toRaw(this);
1208
- const { has, get } = getProto(target);
1209
- let hadKey = has.call(target, key);
1210
- if (!hadKey) {
1211
- key = toRaw(key);
1212
- hadKey = has.call(target, key);
1213
- }
1214
- const oldValue = get.call(target, key);
1215
- target.set(key, value);
1216
- if (!hadKey) {
1217
- trigger(target, "add", key, value);
1218
- } else if (hasChanged(value, oldValue)) {
1219
- trigger(target, "set", key, value);
1220
- }
1221
- return this;
1222
- },
1223
- delete(key) {
1224
- const target = toRaw(this);
1225
- const { has, get } = getProto(target);
1226
- let hadKey = has.call(target, key);
1227
- if (!hadKey) {
1228
- key = toRaw(key);
1229
- hadKey = has.call(target, key);
1230
- }
1231
- get ? get.call(target, key) : void 0;
1232
- const result = target.delete(key);
1233
- if (hadKey) {
1234
- trigger(target, "delete", key, void 0);
1235
- }
1236
- return result;
1237
- },
1238
- clear() {
1239
- const target = toRaw(this);
1240
- const hadItems = target.size !== 0;
1241
- const result = target.clear();
1242
- if (hadItems) {
1243
- trigger(
1244
- target,
1245
- "clear",
1246
- void 0,
1247
- void 0
1248
- );
1249
- }
1250
- return result;
1251
- }
1252
- }
1253
- );
1254
883
  const iteratorMethods = [
1255
884
  "keys",
1256
885
  "values",
@@ -1258,12 +887,30 @@ var lesscodeCustomComponentLibrary = function(exports) {
1258
887
  Symbol.iterator
1259
888
  ];
1260
889
  iteratorMethods.forEach((method) => {
1261
- instrumentations[method] = createIterableMethod(method, readonly2, shallow);
890
+ mutableInstrumentations2[method] = createIterableMethod(method, false, false);
891
+ readonlyInstrumentations2[method] = createIterableMethod(method, true, false);
892
+ shallowInstrumentations2[method] = createIterableMethod(method, false, true);
893
+ shallowReadonlyInstrumentations2[method] = createIterableMethod(
894
+ method,
895
+ true,
896
+ true
897
+ );
1262
898
  });
1263
- return instrumentations;
899
+ return [
900
+ mutableInstrumentations2,
901
+ readonlyInstrumentations2,
902
+ shallowInstrumentations2,
903
+ shallowReadonlyInstrumentations2
904
+ ];
1264
905
  }
906
+ const [
907
+ mutableInstrumentations,
908
+ readonlyInstrumentations,
909
+ shallowInstrumentations,
910
+ shallowReadonlyInstrumentations
911
+ ] = /* @__PURE__ */ createInstrumentations();
1265
912
  function createInstrumentationGetter(isReadonly2, shallow) {
1266
- const instrumentations = createInstrumentations(isReadonly2, shallow);
913
+ const instrumentations = shallow ? isReadonly2 ? shallowReadonlyInstrumentations : shallowInstrumentations : isReadonly2 ? readonlyInstrumentations : mutableInstrumentations;
1267
914
  return (target, key, receiver) => {
1268
915
  if (key === "__v_isReactive") {
1269
916
  return !isReadonly2;
@@ -1393,15 +1040,93 @@ var lesscodeCustomComponentLibrary = function(exports) {
1393
1040
  return raw ? toRaw(raw) : observed;
1394
1041
  }
1395
1042
  function markRaw(value) {
1396
- if (!hasOwn(value, "__v_skip") && Object.isExtensible(value)) {
1043
+ if (Object.isExtensible(value)) {
1397
1044
  def(value, "__v_skip", true);
1398
1045
  }
1399
1046
  return value;
1400
1047
  }
1401
1048
  const toReactive = (value) => isObject$2(value) ? reactive(value) : value;
1402
1049
  const toReadonly = (value) => isObject$2(value) ? readonly(value) : value;
1050
+ class ComputedRefImpl {
1051
+ constructor(getter, _setter, isReadonly2, isSSR) {
1052
+ this.getter = getter;
1053
+ this._setter = _setter;
1054
+ this.dep = void 0;
1055
+ this.__v_isRef = true;
1056
+ this["__v_isReadonly"] = false;
1057
+ this.effect = new ReactiveEffect(
1058
+ () => getter(this._value),
1059
+ () => triggerRefValue(
1060
+ this,
1061
+ this.effect._dirtyLevel === 2 ? 2 : 3
1062
+ )
1063
+ );
1064
+ this.effect.computed = this;
1065
+ this.effect.active = this._cacheable = !isSSR;
1066
+ this["__v_isReadonly"] = isReadonly2;
1067
+ }
1068
+ get value() {
1069
+ const self2 = toRaw(this);
1070
+ if ((!self2._cacheable || self2.effect.dirty) && hasChanged(self2._value, self2._value = self2.effect.run())) {
1071
+ triggerRefValue(self2, 4);
1072
+ }
1073
+ trackRefValue(self2);
1074
+ if (self2.effect._dirtyLevel >= 2) {
1075
+ triggerRefValue(self2, 2);
1076
+ }
1077
+ return self2._value;
1078
+ }
1079
+ set value(newValue) {
1080
+ this._setter(newValue);
1081
+ }
1082
+ // #region polyfill _dirty for backward compatibility third party code for Vue <= 3.3.x
1083
+ get _dirty() {
1084
+ return this.effect.dirty;
1085
+ }
1086
+ set _dirty(v2) {
1087
+ this.effect.dirty = v2;
1088
+ }
1089
+ // #endregion
1090
+ }
1091
+ function computed$1(getterOrOptions, debugOptions, isSSR = false) {
1092
+ let getter;
1093
+ let setter;
1094
+ const onlyGetter = isFunction$1(getterOrOptions);
1095
+ if (onlyGetter) {
1096
+ getter = getterOrOptions;
1097
+ setter = NOOP;
1098
+ } else {
1099
+ getter = getterOrOptions.get;
1100
+ setter = getterOrOptions.set;
1101
+ }
1102
+ const cRef = new ComputedRefImpl(getter, setter, onlyGetter || !setter, isSSR);
1103
+ return cRef;
1104
+ }
1105
+ function trackRefValue(ref2) {
1106
+ var _a;
1107
+ if (shouldTrack && activeEffect) {
1108
+ ref2 = toRaw(ref2);
1109
+ trackEffect(
1110
+ activeEffect,
1111
+ (_a = ref2.dep) != null ? _a : ref2.dep = createDep(
1112
+ () => ref2.dep = void 0,
1113
+ ref2 instanceof ComputedRefImpl ? ref2 : void 0
1114
+ )
1115
+ );
1116
+ }
1117
+ }
1118
+ function triggerRefValue(ref2, dirtyLevel = 4, newVal, oldVal) {
1119
+ ref2 = toRaw(ref2);
1120
+ const dep = ref2.dep;
1121
+ if (dep) {
1122
+ triggerEffects(
1123
+ dep,
1124
+ dirtyLevel
1125
+ );
1126
+ }
1127
+ }
1403
1128
  function isRef(r2) {
1404
- return r2 ? r2["__v_isRef"] === true : false;
1129
+ return !!(r2 && r2.__v_isRef === true);
1405
1130
  }
1406
1131
  function ref(value) {
1407
1132
  return createRef(value, false);
@@ -1416,30 +1141,25 @@ var lesscodeCustomComponentLibrary = function(exports) {
1416
1141
  return new RefImpl(rawValue, shallow);
1417
1142
  }
1418
1143
  class RefImpl {
1419
- constructor(value, isShallow2) {
1420
- this.dep = new Dep();
1421
- this["__v_isRef"] = true;
1422
- this["__v_isShallow"] = false;
1423
- this._rawValue = isShallow2 ? value : toRaw(value);
1424
- this._value = isShallow2 ? value : toReactive(value);
1425
- this["__v_isShallow"] = isShallow2;
1144
+ constructor(value, __v_isShallow) {
1145
+ this.__v_isShallow = __v_isShallow;
1146
+ this.dep = void 0;
1147
+ this.__v_isRef = true;
1148
+ this._rawValue = __v_isShallow ? value : toRaw(value);
1149
+ this._value = __v_isShallow ? value : toReactive(value);
1426
1150
  }
1427
1151
  get value() {
1428
- {
1429
- this.dep.track();
1430
- }
1152
+ trackRefValue(this);
1431
1153
  return this._value;
1432
1154
  }
1433
- set value(newValue) {
1434
- const oldValue = this._rawValue;
1435
- const useDirectValue = this["__v_isShallow"] || isShallow(newValue) || isReadonly(newValue);
1436
- newValue = useDirectValue ? newValue : toRaw(newValue);
1437
- if (hasChanged(newValue, oldValue)) {
1438
- this._rawValue = newValue;
1439
- this._value = useDirectValue ? newValue : toReactive(newValue);
1440
- {
1441
- this.dep.trigger();
1442
- }
1155
+ set value(newVal) {
1156
+ const useDirectValue = this.__v_isShallow || isShallow(newVal) || isReadonly(newVal);
1157
+ newVal = useDirectValue ? newVal : toRaw(newVal);
1158
+ if (hasChanged(newVal, this._rawValue)) {
1159
+ this._rawValue;
1160
+ this._rawValue = newVal;
1161
+ this._value = useDirectValue ? newVal : toReactive(newVal);
1162
+ triggerRefValue(this, 4);
1443
1163
  }
1444
1164
  }
1445
1165
  }
@@ -1447,7 +1167,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
1447
1167
  return isRef(ref2) ? ref2.value : ref2;
1448
1168
  }
1449
1169
  const shallowUnwrapHandlers = {
1450
- get: (target, key, receiver) => key === "__v_raw" ? target : unref(Reflect.get(target, key, receiver)),
1170
+ get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)),
1451
1171
  set: (target, key, value, receiver) => {
1452
1172
  const oldValue = target[key];
1453
1173
  if (isRef(oldValue) && !isRef(value)) {
@@ -1473,12 +1193,11 @@ var lesscodeCustomComponentLibrary = function(exports) {
1473
1193
  this._object = _object;
1474
1194
  this._key = _key;
1475
1195
  this._defaultValue = _defaultValue;
1476
- this["__v_isRef"] = true;
1477
- this._value = void 0;
1196
+ this.__v_isRef = true;
1478
1197
  }
1479
1198
  get value() {
1480
1199
  const val = this._object[this._key];
1481
- return this._value = val === void 0 ? this._defaultValue : val;
1200
+ return val === void 0 ? this._defaultValue : val;
1482
1201
  }
1483
1202
  set value(newVal) {
1484
1203
  this._object[this._key] = newVal;
@@ -1491,245 +1210,8 @@ var lesscodeCustomComponentLibrary = function(exports) {
1491
1210
  const val = source[key];
1492
1211
  return isRef(val) ? val : new ObjectRefImpl(source, key, defaultValue);
1493
1212
  }
1494
- class ComputedRefImpl {
1495
- constructor(fn, setter, isSSR) {
1496
- this.fn = fn;
1497
- this.setter = setter;
1498
- this._value = void 0;
1499
- this.dep = new Dep(this);
1500
- this.__v_isRef = true;
1501
- this.deps = void 0;
1502
- this.depsTail = void 0;
1503
- this.flags = 16;
1504
- this.globalVersion = globalVersion - 1;
1505
- this.next = void 0;
1506
- this.effect = this;
1507
- this["__v_isReadonly"] = !setter;
1508
- this.isSSR = isSSR;
1509
- }
1510
- /**
1511
- * @internal
1512
- */
1513
- notify() {
1514
- this.flags |= 16;
1515
- if (!(this.flags & 8) && // avoid infinite self recursion
1516
- activeSub !== this) {
1517
- batch(this, true);
1518
- return true;
1519
- }
1520
- }
1521
- get value() {
1522
- const link = this.dep.track();
1523
- refreshComputed(this);
1524
- if (link) {
1525
- link.version = this.dep.version;
1526
- }
1527
- return this._value;
1528
- }
1529
- set value(newValue) {
1530
- if (this.setter) {
1531
- this.setter(newValue);
1532
- }
1533
- }
1534
- }
1535
- function computed$1(getterOrOptions, debugOptions, isSSR = false) {
1536
- let getter;
1537
- let setter;
1538
- if (isFunction$1(getterOrOptions)) {
1539
- getter = getterOrOptions;
1540
- } else {
1541
- getter = getterOrOptions.get;
1542
- setter = getterOrOptions.set;
1543
- }
1544
- const cRef = new ComputedRefImpl(getter, setter, isSSR);
1545
- return cRef;
1546
- }
1547
- const INITIAL_WATCHER_VALUE = {};
1548
- const cleanupMap = /* @__PURE__ */ new WeakMap();
1549
- let activeWatcher = void 0;
1550
- function onWatcherCleanup(cleanupFn, failSilently = false, owner = activeWatcher) {
1551
- if (owner) {
1552
- let cleanups = cleanupMap.get(owner);
1553
- if (!cleanups) cleanupMap.set(owner, cleanups = []);
1554
- cleanups.push(cleanupFn);
1555
- }
1556
- }
1557
- function watch$1(source, cb, options = EMPTY_OBJ$1) {
1558
- const { immediate, deep, once, scheduler, augmentJob, call } = options;
1559
- const reactiveGetter = (source2) => {
1560
- if (deep) return source2;
1561
- if (isShallow(source2) || deep === false || deep === 0)
1562
- return traverse(source2, 1);
1563
- return traverse(source2);
1564
- };
1565
- let effect2;
1566
- let getter;
1567
- let cleanup;
1568
- let boundCleanup;
1569
- let forceTrigger = false;
1570
- let isMultiSource = false;
1571
- if (isRef(source)) {
1572
- getter = () => source.value;
1573
- forceTrigger = isShallow(source);
1574
- } else if (isReactive(source)) {
1575
- getter = () => reactiveGetter(source);
1576
- forceTrigger = true;
1577
- } else if (isArray$1(source)) {
1578
- isMultiSource = true;
1579
- forceTrigger = source.some((s2) => isReactive(s2) || isShallow(s2));
1580
- getter = () => source.map((s2) => {
1581
- if (isRef(s2)) {
1582
- return s2.value;
1583
- } else if (isReactive(s2)) {
1584
- return reactiveGetter(s2);
1585
- } else if (isFunction$1(s2)) {
1586
- return call ? call(s2, 2) : s2();
1587
- } else ;
1588
- });
1589
- } else if (isFunction$1(source)) {
1590
- if (cb) {
1591
- getter = call ? () => call(source, 2) : source;
1592
- } else {
1593
- getter = () => {
1594
- if (cleanup) {
1595
- pauseTracking();
1596
- try {
1597
- cleanup();
1598
- } finally {
1599
- resetTracking();
1600
- }
1601
- }
1602
- const currentEffect = activeWatcher;
1603
- activeWatcher = effect2;
1604
- try {
1605
- return call ? call(source, 3, [boundCleanup]) : source(boundCleanup);
1606
- } finally {
1607
- activeWatcher = currentEffect;
1608
- }
1609
- };
1610
- }
1611
- } else {
1612
- getter = NOOP;
1613
- }
1614
- if (cb && deep) {
1615
- const baseGetter = getter;
1616
- const depth = deep === true ? Infinity : deep;
1617
- getter = () => traverse(baseGetter(), depth);
1618
- }
1619
- const scope = getCurrentScope();
1620
- const watchHandle = () => {
1621
- effect2.stop();
1622
- if (scope && scope.active) {
1623
- remove(scope.effects, effect2);
1624
- }
1625
- };
1626
- if (once && cb) {
1627
- const _cb = cb;
1628
- cb = (...args) => {
1629
- _cb(...args);
1630
- watchHandle();
1631
- };
1632
- }
1633
- let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;
1634
- const job = (immediateFirstRun) => {
1635
- if (!(effect2.flags & 1) || !effect2.dirty && !immediateFirstRun) {
1636
- return;
1637
- }
1638
- if (cb) {
1639
- const newValue = effect2.run();
1640
- if (deep || forceTrigger || (isMultiSource ? newValue.some((v2, i2) => hasChanged(v2, oldValue[i2])) : hasChanged(newValue, oldValue))) {
1641
- if (cleanup) {
1642
- cleanup();
1643
- }
1644
- const currentWatcher = activeWatcher;
1645
- activeWatcher = effect2;
1646
- try {
1647
- const args = [
1648
- newValue,
1649
- // pass undefined as the old value when it's changed for the first time
1650
- oldValue === INITIAL_WATCHER_VALUE ? void 0 : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue,
1651
- boundCleanup
1652
- ];
1653
- call ? call(cb, 3, args) : (
1654
- // @ts-expect-error
1655
- cb(...args)
1656
- );
1657
- oldValue = newValue;
1658
- } finally {
1659
- activeWatcher = currentWatcher;
1660
- }
1661
- }
1662
- } else {
1663
- effect2.run();
1664
- }
1665
- };
1666
- if (augmentJob) {
1667
- augmentJob(job);
1668
- }
1669
- effect2 = new ReactiveEffect(getter);
1670
- effect2.scheduler = scheduler ? () => scheduler(job, false) : job;
1671
- boundCleanup = (fn) => onWatcherCleanup(fn, false, effect2);
1672
- cleanup = effect2.onStop = () => {
1673
- const cleanups = cleanupMap.get(effect2);
1674
- if (cleanups) {
1675
- if (call) {
1676
- call(cleanups, 4);
1677
- } else {
1678
- for (const cleanup2 of cleanups) cleanup2();
1679
- }
1680
- cleanupMap.delete(effect2);
1681
- }
1682
- };
1683
- if (cb) {
1684
- if (immediate) {
1685
- job(true);
1686
- } else {
1687
- oldValue = effect2.run();
1688
- }
1689
- } else if (scheduler) {
1690
- scheduler(job.bind(null, true), true);
1691
- } else {
1692
- effect2.run();
1693
- }
1694
- watchHandle.pause = effect2.pause.bind(effect2);
1695
- watchHandle.resume = effect2.resume.bind(effect2);
1696
- watchHandle.stop = watchHandle;
1697
- return watchHandle;
1698
- }
1699
- function traverse(value, depth = Infinity, seen) {
1700
- if (depth <= 0 || !isObject$2(value) || value["__v_skip"]) {
1701
- return value;
1702
- }
1703
- seen = seen || /* @__PURE__ */ new Set();
1704
- if (seen.has(value)) {
1705
- return value;
1706
- }
1707
- seen.add(value);
1708
- depth--;
1709
- if (isRef(value)) {
1710
- traverse(value.value, depth, seen);
1711
- } else if (isArray$1(value)) {
1712
- for (let i2 = 0; i2 < value.length; i2++) {
1713
- traverse(value[i2], depth, seen);
1714
- }
1715
- } else if (isSet(value) || isMap(value)) {
1716
- value.forEach((v2) => {
1717
- traverse(v2, depth, seen);
1718
- });
1719
- } else if (isPlainObject$1(value)) {
1720
- for (const key in value) {
1721
- traverse(value[key], depth, seen);
1722
- }
1723
- for (const key of Object.getOwnPropertySymbols(value)) {
1724
- if (Object.prototype.propertyIsEnumerable.call(value, key)) {
1725
- traverse(value[key], depth, seen);
1726
- }
1727
- }
1728
- }
1729
- return value;
1730
- }
1731
1213
  /**
1732
- * @vue/runtime-core v3.5.13
1214
+ * @vue/runtime-core v3.4.38
1733
1215
  * (c) 2018-present Yuxi (Evan) You and Vue contributors
1734
1216
  * @license MIT
1735
1217
  **/
@@ -1866,7 +1348,6 @@ var lesscodeCustomComponentLibrary = function(exports) {
1866
1348
  }
1867
1349
  function handleError(err, instance, type, throwInDev = true) {
1868
1350
  const contextVNode = instance ? instance.vnode : null;
1869
- const { errorHandler, throwUnhandledErrorInProduction } = instance && instance.appContext.config || EMPTY_OBJ$1;
1870
1351
  if (instance) {
1871
1352
  let cur = instance.parent;
1872
1353
  const exposedInstance = instance.proxy;
@@ -1882,28 +1363,30 @@ var lesscodeCustomComponentLibrary = function(exports) {
1882
1363
  }
1883
1364
  cur = cur.parent;
1884
1365
  }
1885
- if (errorHandler) {
1366
+ const appErrorHandler = instance.appContext.config.errorHandler;
1367
+ if (appErrorHandler) {
1886
1368
  pauseTracking();
1887
- callWithErrorHandling(errorHandler, null, 10, [
1888
- err,
1889
- exposedInstance,
1890
- errorInfo
1891
- ]);
1369
+ callWithErrorHandling(
1370
+ appErrorHandler,
1371
+ null,
1372
+ 10,
1373
+ [err, exposedInstance, errorInfo]
1374
+ );
1892
1375
  resetTracking();
1893
1376
  return;
1894
1377
  }
1895
1378
  }
1896
- logError(err, type, contextVNode, throwInDev, throwUnhandledErrorInProduction);
1379
+ logError(err, type, contextVNode, throwInDev);
1897
1380
  }
1898
- function logError(err, type, contextVNode, throwInDev = true, throwInProd = false) {
1899
- if (throwInProd) {
1900
- throw err;
1901
- } else {
1381
+ function logError(err, type, contextVNode, throwInDev = true) {
1382
+ {
1902
1383
  console.error(err);
1903
1384
  }
1904
1385
  }
1386
+ let isFlushing = false;
1387
+ let isFlushPending = false;
1905
1388
  const queue = [];
1906
- let flushIndex = -1;
1389
+ let flushIndex = 0;
1907
1390
  const pendingPostFlushCbs = [];
1908
1391
  let activePostFlushCbs = null;
1909
1392
  let postFlushIndex = 0;
@@ -1920,7 +1403,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
1920
1403
  const middle = start2 + end2 >>> 1;
1921
1404
  const middleJob = queue[middle];
1922
1405
  const middleJobId = getId(middleJob);
1923
- if (middleJobId < id || middleJobId === id && middleJob.flags & 2) {
1406
+ if (middleJobId < id || middleJobId === id && middleJob.pre) {
1924
1407
  start2 = middle + 1;
1925
1408
  } else {
1926
1409
  end2 = middle;
@@ -1929,53 +1412,53 @@ var lesscodeCustomComponentLibrary = function(exports) {
1929
1412
  return start2;
1930
1413
  }
1931
1414
  function queueJob(job) {
1932
- if (!(job.flags & 1)) {
1933
- const jobId = getId(job);
1934
- const lastJob = queue[queue.length - 1];
1935
- if (!lastJob || // fast path when the job id is larger than the tail
1936
- !(job.flags & 2) && jobId >= getId(lastJob)) {
1415
+ if (!queue.length || !queue.includes(
1416
+ job,
1417
+ isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex
1418
+ )) {
1419
+ if (job.id == null) {
1937
1420
  queue.push(job);
1938
1421
  } else {
1939
- queue.splice(findInsertionIndex(jobId), 0, job);
1422
+ queue.splice(findInsertionIndex(job.id), 0, job);
1940
1423
  }
1941
- job.flags |= 1;
1942
1424
  queueFlush();
1943
1425
  }
1944
1426
  }
1945
1427
  function queueFlush() {
1946
- if (!currentFlushPromise) {
1428
+ if (!isFlushing && !isFlushPending) {
1429
+ isFlushPending = true;
1947
1430
  currentFlushPromise = resolvedPromise.then(flushJobs);
1948
1431
  }
1949
1432
  }
1433
+ function invalidateJob(job) {
1434
+ const i2 = queue.indexOf(job);
1435
+ if (i2 > flushIndex) {
1436
+ queue.splice(i2, 1);
1437
+ }
1438
+ }
1950
1439
  function queuePostFlushCb(cb) {
1951
1440
  if (!isArray$1(cb)) {
1952
- if (activePostFlushCbs && cb.id === -1) {
1953
- activePostFlushCbs.splice(postFlushIndex + 1, 0, cb);
1954
- } else if (!(cb.flags & 1)) {
1441
+ if (!activePostFlushCbs || !activePostFlushCbs.includes(
1442
+ cb,
1443
+ cb.allowRecurse ? postFlushIndex + 1 : postFlushIndex
1444
+ )) {
1955
1445
  pendingPostFlushCbs.push(cb);
1956
- cb.flags |= 1;
1957
1446
  }
1958
1447
  } else {
1959
1448
  pendingPostFlushCbs.push(...cb);
1960
1449
  }
1961
1450
  queueFlush();
1962
1451
  }
1963
- function flushPreFlushCbs(instance, seen, i2 = flushIndex + 1) {
1452
+ function flushPreFlushCbs(instance, seen, i2 = isFlushing ? flushIndex + 1 : 0) {
1964
1453
  for (; i2 < queue.length; i2++) {
1965
1454
  const cb = queue[i2];
1966
- if (cb && cb.flags & 2) {
1455
+ if (cb && cb.pre) {
1967
1456
  if (instance && cb.id !== instance.uid) {
1968
1457
  continue;
1969
1458
  }
1970
1459
  queue.splice(i2, 1);
1971
1460
  i2--;
1972
- if (cb.flags & 4) {
1973
- cb.flags &= -2;
1974
- }
1975
1461
  cb();
1976
- if (!(cb.flags & 4)) {
1977
- cb.flags &= -2;
1978
- }
1979
1462
  }
1980
1463
  }
1981
1464
  }
@@ -1992,46 +1475,42 @@ var lesscodeCustomComponentLibrary = function(exports) {
1992
1475
  activePostFlushCbs = deduped;
1993
1476
  for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
1994
1477
  const cb = activePostFlushCbs[postFlushIndex];
1995
- if (cb.flags & 4) {
1996
- cb.flags &= -2;
1997
- }
1998
- if (!(cb.flags & 8)) cb();
1999
- cb.flags &= -2;
1478
+ if (cb.active !== false) cb();
2000
1479
  }
2001
1480
  activePostFlushCbs = null;
2002
1481
  postFlushIndex = 0;
2003
1482
  }
2004
1483
  }
2005
- const getId = (job) => job.id == null ? job.flags & 2 ? -1 : Infinity : job.id;
1484
+ const getId = (job) => job.id == null ? Infinity : job.id;
1485
+ const comparator = (a2, b2) => {
1486
+ const diff = getId(a2) - getId(b2);
1487
+ if (diff === 0) {
1488
+ if (a2.pre && !b2.pre) return -1;
1489
+ if (b2.pre && !a2.pre) return 1;
1490
+ }
1491
+ return diff;
1492
+ };
2006
1493
  function flushJobs(seen) {
1494
+ isFlushPending = false;
1495
+ isFlushing = true;
1496
+ queue.sort(comparator);
2007
1497
  try {
2008
1498
  for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
2009
1499
  const job = queue[flushIndex];
2010
- if (job && !(job.flags & 8)) {
1500
+ if (job && job.active !== false) {
2011
1501
  if (false) ;
2012
- if (job.flags & 4) {
2013
- job.flags &= ~1;
2014
- }
2015
1502
  callWithErrorHandling(
2016
1503
  job,
2017
1504
  job.i,
2018
1505
  job.i ? 15 : 14
2019
1506
  );
2020
- if (!(job.flags & 4)) {
2021
- job.flags &= ~1;
2022
- }
2023
1507
  }
2024
1508
  }
2025
1509
  } finally {
2026
- for (; flushIndex < queue.length; flushIndex++) {
2027
- const job = queue[flushIndex];
2028
- if (job) {
2029
- job.flags &= -2;
2030
- }
2031
- }
2032
- flushIndex = -1;
1510
+ flushIndex = 0;
2033
1511
  queue.length = 0;
2034
1512
  flushPostFlushCbs();
1513
+ isFlushing = false;
2035
1514
  currentFlushPromise = null;
2036
1515
  if (queue.length || pendingPostFlushCbs.length) {
2037
1516
  flushJobs();
@@ -2123,435 +1602,25 @@ var lesscodeCustomComponentLibrary = function(exports) {
2123
1602
  }
2124
1603
  }
2125
1604
  }
2126
- const TeleportEndKey = Symbol("_vte");
2127
- const isTeleport = (type) => type.__isTeleport;
2128
- const isTeleportDisabled = (props2) => props2 && (props2.disabled || props2.disabled === "");
2129
- const isTeleportDeferred = (props2) => props2 && (props2.defer || props2.defer === "");
2130
- const isTargetSVG = (target) => typeof SVGElement !== "undefined" && target instanceof SVGElement;
2131
- const isTargetMathML = (target) => typeof MathMLElement === "function" && target instanceof MathMLElement;
2132
- const resolveTarget = (props2, select) => {
2133
- const targetSelector = props2 && props2.to;
2134
- if (isString$1(targetSelector)) {
2135
- if (!select) {
2136
- return null;
2137
- } else {
2138
- const target = select(targetSelector);
2139
- return target;
2140
- }
1605
+ function setTransitionHooks(vnode, hooks) {
1606
+ if (vnode.shapeFlag & 6 && vnode.component) {
1607
+ setTransitionHooks(vnode.component.subTree, hooks);
1608
+ } else if (vnode.shapeFlag & 128) {
1609
+ vnode.ssContent.transition = hooks.clone(vnode.ssContent);
1610
+ vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
2141
1611
  } else {
2142
- return targetSelector;
2143
- }
2144
- };
2145
- const TeleportImpl = {
2146
- name: "Teleport",
2147
- __isTeleport: true,
2148
- process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals) {
2149
- const {
2150
- mc: mountChildren,
2151
- pc: patchChildren,
2152
- pbc: patchBlockChildren,
2153
- o: { insert, querySelector, createText, createComment }
2154
- } = internals;
2155
- const disabled = isTeleportDisabled(n2.props);
2156
- let { shapeFlag, children, dynamicChildren } = n2;
2157
- if (n1 == null) {
2158
- const placeholder = n2.el = createText("");
2159
- const mainAnchor = n2.anchor = createText("");
2160
- insert(placeholder, container, anchor);
2161
- insert(mainAnchor, container, anchor);
2162
- const mount = (container2, anchor2) => {
2163
- if (shapeFlag & 16) {
2164
- if (parentComponent && parentComponent.isCE) {
2165
- parentComponent.ce._teleportTarget = container2;
2166
- }
2167
- mountChildren(
2168
- children,
2169
- container2,
2170
- anchor2,
2171
- parentComponent,
2172
- parentSuspense,
2173
- namespace,
2174
- slotScopeIds,
2175
- optimized
2176
- );
2177
- }
2178
- };
2179
- const mountToTarget = () => {
2180
- const target = n2.target = resolveTarget(n2.props, querySelector);
2181
- const targetAnchor = prepareAnchor(target, n2, createText, insert);
2182
- if (target) {
2183
- if (namespace !== "svg" && isTargetSVG(target)) {
2184
- namespace = "svg";
2185
- } else if (namespace !== "mathml" && isTargetMathML(target)) {
2186
- namespace = "mathml";
2187
- }
2188
- if (!disabled) {
2189
- mount(target, targetAnchor);
2190
- updateCssVars(n2, false);
2191
- }
2192
- }
2193
- };
2194
- if (disabled) {
2195
- mount(container, mainAnchor);
2196
- updateCssVars(n2, true);
2197
- }
2198
- if (isTeleportDeferred(n2.props)) {
2199
- queuePostRenderEffect(() => {
2200
- mountToTarget();
2201
- n2.el.__isMounted = true;
2202
- }, parentSuspense);
2203
- } else {
2204
- mountToTarget();
2205
- }
2206
- } else {
2207
- if (isTeleportDeferred(n2.props) && !n1.el.__isMounted) {
2208
- queuePostRenderEffect(() => {
2209
- TeleportImpl.process(
2210
- n1,
2211
- n2,
2212
- container,
2213
- anchor,
2214
- parentComponent,
2215
- parentSuspense,
2216
- namespace,
2217
- slotScopeIds,
2218
- optimized,
2219
- internals
2220
- );
2221
- delete n1.el.__isMounted;
2222
- }, parentSuspense);
2223
- return;
2224
- }
2225
- n2.el = n1.el;
2226
- n2.targetStart = n1.targetStart;
2227
- const mainAnchor = n2.anchor = n1.anchor;
2228
- const target = n2.target = n1.target;
2229
- const targetAnchor = n2.targetAnchor = n1.targetAnchor;
2230
- const wasDisabled = isTeleportDisabled(n1.props);
2231
- const currentContainer = wasDisabled ? container : target;
2232
- const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
2233
- if (namespace === "svg" || isTargetSVG(target)) {
2234
- namespace = "svg";
2235
- } else if (namespace === "mathml" || isTargetMathML(target)) {
2236
- namespace = "mathml";
2237
- }
2238
- if (dynamicChildren) {
2239
- patchBlockChildren(
2240
- n1.dynamicChildren,
2241
- dynamicChildren,
2242
- currentContainer,
2243
- parentComponent,
2244
- parentSuspense,
2245
- namespace,
2246
- slotScopeIds
2247
- );
2248
- traverseStaticChildren(n1, n2, true);
2249
- } else if (!optimized) {
2250
- patchChildren(
2251
- n1,
2252
- n2,
2253
- currentContainer,
2254
- currentAnchor,
2255
- parentComponent,
2256
- parentSuspense,
2257
- namespace,
2258
- slotScopeIds,
2259
- false
2260
- );
2261
- }
2262
- if (disabled) {
2263
- if (!wasDisabled) {
2264
- moveTeleport(
2265
- n2,
2266
- container,
2267
- mainAnchor,
2268
- internals,
2269
- 1
2270
- );
2271
- } else {
2272
- if (n2.props && n1.props && n2.props.to !== n1.props.to) {
2273
- n2.props.to = n1.props.to;
2274
- }
2275
- }
2276
- } else {
2277
- if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
2278
- const nextTarget = n2.target = resolveTarget(
2279
- n2.props,
2280
- querySelector
2281
- );
2282
- if (nextTarget) {
2283
- moveTeleport(
2284
- n2,
2285
- nextTarget,
2286
- null,
2287
- internals,
2288
- 0
2289
- );
2290
- }
2291
- } else if (wasDisabled) {
2292
- moveTeleport(
2293
- n2,
2294
- target,
2295
- targetAnchor,
2296
- internals,
2297
- 1
2298
- );
2299
- }
2300
- }
2301
- updateCssVars(n2, disabled);
2302
- }
2303
- },
2304
- remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) {
2305
- const {
2306
- shapeFlag,
2307
- children,
2308
- anchor,
2309
- targetStart,
2310
- targetAnchor,
2311
- target,
2312
- props: props2
2313
- } = vnode;
2314
- if (target) {
2315
- hostRemove(targetStart);
2316
- hostRemove(targetAnchor);
2317
- }
2318
- doRemove && hostRemove(anchor);
2319
- if (shapeFlag & 16) {
2320
- const shouldRemove = doRemove || !isTeleportDisabled(props2);
2321
- for (let i2 = 0; i2 < children.length; i2++) {
2322
- const child = children[i2];
2323
- unmount(
2324
- child,
2325
- parentComponent,
2326
- parentSuspense,
2327
- shouldRemove,
2328
- !!child.dynamicChildren
2329
- );
2330
- }
2331
- }
2332
- },
2333
- move: moveTeleport,
2334
- hydrate: hydrateTeleport
2335
- };
2336
- function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2) {
2337
- if (moveType === 0) {
2338
- insert(vnode.targetAnchor, container, parentAnchor);
2339
- }
2340
- const { el, anchor, shapeFlag, children, props: props2 } = vnode;
2341
- const isReorder = moveType === 2;
2342
- if (isReorder) {
2343
- insert(el, container, parentAnchor);
2344
- }
2345
- if (!isReorder || isTeleportDisabled(props2)) {
2346
- if (shapeFlag & 16) {
2347
- for (let i2 = 0; i2 < children.length; i2++) {
2348
- move(
2349
- children[i2],
2350
- container,
2351
- parentAnchor,
2352
- 2
2353
- );
2354
- }
2355
- }
2356
- }
2357
- if (isReorder) {
2358
- insert(anchor, container, parentAnchor);
2359
- }
2360
- }
2361
- function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, {
2362
- o: { nextSibling, parentNode, querySelector, insert, createText }
2363
- }, hydrateChildren) {
2364
- const target = vnode.target = resolveTarget(
2365
- vnode.props,
2366
- querySelector
2367
- );
2368
- if (target) {
2369
- const disabled = isTeleportDisabled(vnode.props);
2370
- const targetNode = target._lpa || target.firstChild;
2371
- if (vnode.shapeFlag & 16) {
2372
- if (disabled) {
2373
- vnode.anchor = hydrateChildren(
2374
- nextSibling(node),
2375
- vnode,
2376
- parentNode(node),
2377
- parentComponent,
2378
- parentSuspense,
2379
- slotScopeIds,
2380
- optimized
2381
- );
2382
- vnode.targetStart = targetNode;
2383
- vnode.targetAnchor = targetNode && nextSibling(targetNode);
2384
- } else {
2385
- vnode.anchor = nextSibling(node);
2386
- let targetAnchor = targetNode;
2387
- while (targetAnchor) {
2388
- if (targetAnchor && targetAnchor.nodeType === 8) {
2389
- if (targetAnchor.data === "teleport start anchor") {
2390
- vnode.targetStart = targetAnchor;
2391
- } else if (targetAnchor.data === "teleport anchor") {
2392
- vnode.targetAnchor = targetAnchor;
2393
- target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
2394
- break;
2395
- }
2396
- }
2397
- targetAnchor = nextSibling(targetAnchor);
2398
- }
2399
- if (!vnode.targetAnchor) {
2400
- prepareAnchor(target, vnode, createText, insert);
2401
- }
2402
- hydrateChildren(
2403
- targetNode && nextSibling(targetNode),
2404
- vnode,
2405
- target,
2406
- parentComponent,
2407
- parentSuspense,
2408
- slotScopeIds,
2409
- optimized
2410
- );
2411
- }
2412
- }
2413
- updateCssVars(vnode, disabled);
2414
- }
2415
- return vnode.anchor && nextSibling(vnode.anchor);
2416
- }
2417
- const Teleport = TeleportImpl;
2418
- function updateCssVars(vnode, isDisabled) {
2419
- const ctx = vnode.ctx;
2420
- if (ctx && ctx.ut) {
2421
- let node, anchor;
2422
- if (isDisabled) {
2423
- node = vnode.el;
2424
- anchor = vnode.anchor;
2425
- } else {
2426
- node = vnode.targetStart;
2427
- anchor = vnode.targetAnchor;
2428
- }
2429
- while (node && node !== anchor) {
2430
- if (node.nodeType === 1) node.setAttribute("data-v-owner", ctx.uid);
2431
- node = node.nextSibling;
2432
- }
2433
- ctx.ut();
2434
- }
2435
- }
2436
- function prepareAnchor(target, vnode, createText, insert) {
2437
- const targetStart = vnode.targetStart = createText("");
2438
- const targetAnchor = vnode.targetAnchor = createText("");
2439
- targetStart[TeleportEndKey] = targetAnchor;
2440
- if (target) {
2441
- insert(targetStart, target);
2442
- insert(targetAnchor, target);
2443
- }
2444
- return targetAnchor;
2445
- }
2446
- function setTransitionHooks(vnode, hooks) {
2447
- if (vnode.shapeFlag & 6 && vnode.component) {
2448
- vnode.transition = hooks;
2449
- setTransitionHooks(vnode.component.subTree, hooks);
2450
- } else if (vnode.shapeFlag & 128) {
2451
- vnode.ssContent.transition = hooks.clone(vnode.ssContent);
2452
- vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
2453
- } else {
2454
- vnode.transition = hooks;
1612
+ vnode.transition = hooks;
2455
1613
  }
2456
1614
  }
2457
1615
  /*! #__NO_SIDE_EFFECTS__ */
2458
1616
  // @__NO_SIDE_EFFECTS__
2459
1617
  function defineComponent(options, extraOptions) {
2460
1618
  return isFunction$1(options) ? (
2461
- // #8236: extend call and options.name access are considered side-effects
1619
+ // #8326: extend call and options.name access are considered side-effects
2462
1620
  // by Rollup, so we have to wrap it in a pure-annotated IIFE.
2463
1621
  /* @__PURE__ */ (() => extend({ name: options.name }, extraOptions, { setup: options }))()
2464
1622
  ) : options;
2465
1623
  }
2466
- function markAsyncBoundary(instance) {
2467
- instance.ids = [instance.ids[0] + instance.ids[2]++ + "-", 0, 0];
2468
- }
2469
- function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
2470
- if (isArray$1(rawRef)) {
2471
- rawRef.forEach(
2472
- (r2, i2) => setRef(
2473
- r2,
2474
- oldRawRef && (isArray$1(oldRawRef) ? oldRawRef[i2] : oldRawRef),
2475
- parentSuspense,
2476
- vnode,
2477
- isUnmount
2478
- )
2479
- );
2480
- return;
2481
- }
2482
- if (isAsyncWrapper(vnode) && !isUnmount) {
2483
- if (vnode.shapeFlag & 512 && vnode.type.__asyncResolved && vnode.component.subTree.component) {
2484
- setRef(rawRef, oldRawRef, parentSuspense, vnode.component.subTree);
2485
- }
2486
- return;
2487
- }
2488
- const refValue = vnode.shapeFlag & 4 ? getComponentPublicInstance(vnode.component) : vnode.el;
2489
- const value = isUnmount ? null : refValue;
2490
- const { i: owner, r: ref3 } = rawRef;
2491
- const oldRef = oldRawRef && oldRawRef.r;
2492
- const refs = owner.refs === EMPTY_OBJ$1 ? owner.refs = {} : owner.refs;
2493
- const setupState = owner.setupState;
2494
- const rawSetupState = toRaw(setupState);
2495
- const canSetSetupRef = setupState === EMPTY_OBJ$1 ? () => false : (key) => {
2496
- return hasOwn(rawSetupState, key);
2497
- };
2498
- if (oldRef != null && oldRef !== ref3) {
2499
- if (isString$1(oldRef)) {
2500
- refs[oldRef] = null;
2501
- if (canSetSetupRef(oldRef)) {
2502
- setupState[oldRef] = null;
2503
- }
2504
- } else if (isRef(oldRef)) {
2505
- oldRef.value = null;
2506
- }
2507
- }
2508
- if (isFunction$1(ref3)) {
2509
- callWithErrorHandling(ref3, owner, 12, [value, refs]);
2510
- } else {
2511
- const _isString = isString$1(ref3);
2512
- const _isRef = isRef(ref3);
2513
- if (_isString || _isRef) {
2514
- const doSet = () => {
2515
- if (rawRef.f) {
2516
- const existing = _isString ? canSetSetupRef(ref3) ? setupState[ref3] : refs[ref3] : ref3.value;
2517
- if (isUnmount) {
2518
- isArray$1(existing) && remove(existing, refValue);
2519
- } else {
2520
- if (!isArray$1(existing)) {
2521
- if (_isString) {
2522
- refs[ref3] = [refValue];
2523
- if (canSetSetupRef(ref3)) {
2524
- setupState[ref3] = refs[ref3];
2525
- }
2526
- } else {
2527
- ref3.value = [refValue];
2528
- if (rawRef.k) refs[rawRef.k] = ref3.value;
2529
- }
2530
- } else if (!existing.includes(refValue)) {
2531
- existing.push(refValue);
2532
- }
2533
- }
2534
- } else if (_isString) {
2535
- refs[ref3] = value;
2536
- if (canSetSetupRef(ref3)) {
2537
- setupState[ref3] = value;
2538
- }
2539
- } else if (_isRef) {
2540
- ref3.value = value;
2541
- if (rawRef.k) refs[rawRef.k] = value;
2542
- } else ;
2543
- };
2544
- if (value) {
2545
- doSet.id = -1;
2546
- queuePostRenderEffect(doSet, parentSuspense);
2547
- } else {
2548
- doSet();
2549
- }
2550
- }
2551
- }
2552
- }
2553
- getGlobalThis().requestIdleCallback || ((cb) => setTimeout(cb, 1));
2554
- getGlobalThis().cancelIdleCallback || ((id) => clearTimeout(id));
2555
1624
  const isAsyncWrapper = (i2) => !!i2.type.__asyncLoader;
2556
1625
  const isKeepAlive = (vnode) => vnode.type.__isKeepAlive;
2557
1626
  function onActivated(hook, target) {
@@ -2620,19 +1689,17 @@ var lesscodeCustomComponentLibrary = function(exports) {
2620
1689
  };
2621
1690
  const onBeforeMount = createHook("bm");
2622
1691
  const onMounted = createHook("m");
2623
- const onBeforeUpdate = createHook(
2624
- "bu"
2625
- );
1692
+ const onBeforeUpdate = createHook("bu");
2626
1693
  const onUpdated = createHook("u");
2627
- const onBeforeUnmount = createHook(
2628
- "bum"
2629
- );
1694
+ const onBeforeUnmount = createHook("bum");
2630
1695
  const onUnmounted = createHook("um");
2631
- const onServerPrefetch = createHook(
2632
- "sp"
1696
+ const onServerPrefetch = createHook("sp");
1697
+ const onRenderTriggered = createHook(
1698
+ "rtg"
1699
+ );
1700
+ const onRenderTracked = createHook(
1701
+ "rtc"
2633
1702
  );
2634
- const onRenderTriggered = createHook("rtg");
2635
- const onRenderTracked = createHook("rtc");
2636
1703
  function onErrorCaptured(hook, target = currentInstance) {
2637
1704
  injectHook("ec", hook, target);
2638
1705
  }
@@ -2663,22 +1730,10 @@ var lesscodeCustomComponentLibrary = function(exports) {
2663
1730
  function renderList(source, renderItem, cache, index) {
2664
1731
  let ret;
2665
1732
  const cached = cache;
2666
- const sourceIsArray = isArray$1(source);
2667
- if (sourceIsArray || isString$1(source)) {
2668
- const sourceIsReactiveArray = sourceIsArray && isReactive(source);
2669
- let needsWrap = false;
2670
- if (sourceIsReactiveArray) {
2671
- needsWrap = !isShallow(source);
2672
- source = shallowReadArray(source);
2673
- }
1733
+ if (isArray$1(source) || isString$1(source)) {
2674
1734
  ret = new Array(source.length);
2675
1735
  for (let i2 = 0, l2 = source.length; i2 < l2; i2++) {
2676
- ret[i2] = renderItem(
2677
- needsWrap ? toReactive(source[i2]) : source[i2],
2678
- i2,
2679
- void 0,
2680
- cached
2681
- );
1736
+ ret[i2] = renderItem(source[i2], i2, void 0, cached);
2682
1737
  }
2683
1738
  } else if (typeof source === "number") {
2684
1739
  ret = new Array(source);
@@ -2722,10 +1777,10 @@ var lesscodeCustomComponentLibrary = function(exports) {
2722
1777
  $refs: (i2) => i2.refs,
2723
1778
  $parent: (i2) => getPublicInstance(i2.parent),
2724
1779
  $root: (i2) => getPublicInstance(i2.root),
2725
- $host: (i2) => i2.ce,
2726
1780
  $emit: (i2) => i2.emit,
2727
1781
  $options: (i2) => resolveMergedOptions(i2),
2728
1782
  $forceUpdate: (i2) => i2.f || (i2.f = () => {
1783
+ i2.effect.dirty = true;
2729
1784
  queueJob(i2.update);
2730
1785
  }),
2731
1786
  $nextTick: (i2) => i2.n || (i2.n = nextTick.bind(i2.proxy)),
@@ -2905,11 +1960,11 @@ var lesscodeCustomComponentLibrary = function(exports) {
2905
1960
  if (computedOptions) {
2906
1961
  for (const key in computedOptions) {
2907
1962
  const opt = computedOptions[key];
2908
- const get = isFunction$1(opt) ? opt.bind(publicThis, publicThis) : isFunction$1(opt.get) ? opt.get.bind(publicThis, publicThis) : NOOP;
2909
- const set = !isFunction$1(opt) && isFunction$1(opt.set) ? opt.set.bind(publicThis) : NOOP;
1963
+ const get2 = isFunction$1(opt) ? opt.bind(publicThis, publicThis) : isFunction$1(opt.get) ? opt.get.bind(publicThis, publicThis) : NOOP;
1964
+ const set2 = !isFunction$1(opt) && isFunction$1(opt.set) ? opt.set.bind(publicThis) : NOOP;
2910
1965
  const c2 = computed({
2911
- get,
2912
- set
1966
+ get: get2,
1967
+ set: set2
2913
1968
  });
2914
1969
  Object.defineProperty(ctx, key, {
2915
1970
  enumerable: true,
@@ -2973,9 +2028,6 @@ var lesscodeCustomComponentLibrary = function(exports) {
2973
2028
  }
2974
2029
  if (components) instance.components = components;
2975
2030
  if (directives) instance.directives = directives;
2976
- if (serverPrefetch) {
2977
- markAsyncBoundary(instance);
2978
- }
2979
2031
  }
2980
2032
  function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP) {
2981
2033
  if (isArray$1(injectOptions)) {
@@ -3017,18 +2069,14 @@ var lesscodeCustomComponentLibrary = function(exports) {
3017
2069
  );
3018
2070
  }
3019
2071
  function createWatcher(raw, ctx, publicThis, key) {
3020
- let getter = key.includes(".") ? createPathGetter(publicThis, key) : () => publicThis[key];
2072
+ const getter = key.includes(".") ? createPathGetter(publicThis, key) : () => publicThis[key];
3021
2073
  if (isString$1(raw)) {
3022
2074
  const handler = ctx[raw];
3023
2075
  if (isFunction$1(handler)) {
3024
- {
3025
- watch(getter, handler);
3026
- }
2076
+ watch(getter, handler);
3027
2077
  }
3028
2078
  } else if (isFunction$1(raw)) {
3029
- {
3030
- watch(getter, raw.bind(publicThis));
3031
- }
2079
+ watch(getter, raw.bind(publicThis));
3032
2080
  } else if (isObject$2(raw)) {
3033
2081
  if (isArray$1(raw)) {
3034
2082
  raw.forEach((r2) => createWatcher(r2, ctx, publicThis, key));
@@ -3208,7 +2256,6 @@ var lesscodeCustomComponentLibrary = function(exports) {
3208
2256
  }
3209
2257
  const context = createAppContext();
3210
2258
  const installedPlugins = /* @__PURE__ */ new WeakSet();
3211
- const pluginCleanupFns = [];
3212
2259
  let isMounted = false;
3213
2260
  const app = context.app = {
3214
2261
  _uid: uid$1++,
@@ -3258,7 +2305,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
3258
2305
  },
3259
2306
  mount(rootContainer, isHydrate, namespace) {
3260
2307
  if (!isMounted) {
3261
- const vnode = app._ceVNode || createVNode(rootComponent, rootProps);
2308
+ const vnode = createVNode(rootComponent, rootProps);
3262
2309
  vnode.appContext = context;
3263
2310
  if (namespace === true) {
3264
2311
  namespace = "svg";
@@ -3274,16 +2321,8 @@ var lesscodeCustomComponentLibrary = function(exports) {
3274
2321
  return getComponentPublicInstance(vnode.component);
3275
2322
  }
3276
2323
  },
3277
- onUnmount(cleanupFn) {
3278
- pluginCleanupFns.push(cleanupFn);
3279
- },
3280
2324
  unmount() {
3281
2325
  if (isMounted) {
3282
- callWithAsyncErrorHandling(
3283
- pluginCleanupFns,
3284
- app._instance,
3285
- 16
3286
- );
3287
2326
  render2(null, app._container);
3288
2327
  delete app._container.__vue_app__;
3289
2328
  }
@@ -3504,9 +2543,6 @@ var lesscodeCustomComponentLibrary = function(exports) {
3504
2543
  } else {
3505
2544
  value = defaultValue;
3506
2545
  }
3507
- if (instance.ce) {
3508
- instance.ce._setProp(key, value);
3509
- }
3510
2546
  }
3511
2547
  if (opt[
3512
2548
  0
@@ -3602,100 +2638,454 @@ var lesscodeCustomComponentLibrary = function(exports) {
3602
2638
  }
3603
2639
  }
3604
2640
  }
3605
- const res = [normalized, needCastKeys];
3606
- if (isObject$2(comp)) {
3607
- cache.set(comp, res);
3608
- }
3609
- return res;
3610
- }
3611
- function validatePropName(key) {
3612
- if (key[0] !== "$" && !isReservedProp(key)) {
3613
- return true;
3614
- }
3615
- return false;
2641
+ const res = [normalized, needCastKeys];
2642
+ if (isObject$2(comp)) {
2643
+ cache.set(comp, res);
2644
+ }
2645
+ return res;
2646
+ }
2647
+ function validatePropName(key) {
2648
+ if (key[0] !== "$" && !isReservedProp(key)) {
2649
+ return true;
2650
+ }
2651
+ return false;
2652
+ }
2653
+ const isInternalKey = (key) => key[0] === "_" || key === "$stable";
2654
+ const normalizeSlotValue = (value) => isArray$1(value) ? value.map(normalizeVNode) : [normalizeVNode(value)];
2655
+ const normalizeSlot = (key, rawSlot, ctx) => {
2656
+ if (rawSlot._n) {
2657
+ return rawSlot;
2658
+ }
2659
+ const normalized = withCtx((...args) => {
2660
+ if (false) ;
2661
+ return normalizeSlotValue(rawSlot(...args));
2662
+ }, ctx);
2663
+ normalized._c = false;
2664
+ return normalized;
2665
+ };
2666
+ const normalizeObjectSlots = (rawSlots, slots, instance) => {
2667
+ const ctx = rawSlots._ctx;
2668
+ for (const key in rawSlots) {
2669
+ if (isInternalKey(key)) continue;
2670
+ const value = rawSlots[key];
2671
+ if (isFunction$1(value)) {
2672
+ slots[key] = normalizeSlot(key, value, ctx);
2673
+ } else if (value != null) {
2674
+ const normalized = normalizeSlotValue(value);
2675
+ slots[key] = () => normalized;
2676
+ }
2677
+ }
2678
+ };
2679
+ const normalizeVNodeSlots = (instance, children) => {
2680
+ const normalized = normalizeSlotValue(children);
2681
+ instance.slots.default = () => normalized;
2682
+ };
2683
+ const assignSlots = (slots, children, optimized) => {
2684
+ for (const key in children) {
2685
+ if (optimized || key !== "_") {
2686
+ slots[key] = children[key];
2687
+ }
2688
+ }
2689
+ };
2690
+ const initSlots = (instance, children, optimized) => {
2691
+ const slots = instance.slots = createInternalObject();
2692
+ if (instance.vnode.shapeFlag & 32) {
2693
+ const type = children._;
2694
+ if (type) {
2695
+ assignSlots(slots, children, optimized);
2696
+ if (optimized) {
2697
+ def(slots, "_", type, true);
2698
+ }
2699
+ } else {
2700
+ normalizeObjectSlots(children, slots);
2701
+ }
2702
+ } else if (children) {
2703
+ normalizeVNodeSlots(instance, children);
2704
+ }
2705
+ };
2706
+ const updateSlots = (instance, children, optimized) => {
2707
+ const { vnode, slots } = instance;
2708
+ let needDeletionCheck = true;
2709
+ let deletionComparisonTarget = EMPTY_OBJ$1;
2710
+ if (vnode.shapeFlag & 32) {
2711
+ const type = children._;
2712
+ if (type) {
2713
+ if (optimized && type === 1) {
2714
+ needDeletionCheck = false;
2715
+ } else {
2716
+ assignSlots(slots, children, optimized);
2717
+ }
2718
+ } else {
2719
+ needDeletionCheck = !children.$stable;
2720
+ normalizeObjectSlots(children, slots);
2721
+ }
2722
+ deletionComparisonTarget = children;
2723
+ } else if (children) {
2724
+ normalizeVNodeSlots(instance, children);
2725
+ deletionComparisonTarget = { default: 1 };
2726
+ }
2727
+ if (needDeletionCheck) {
2728
+ for (const key in slots) {
2729
+ if (!isInternalKey(key) && deletionComparisonTarget[key] == null) {
2730
+ delete slots[key];
2731
+ }
2732
+ }
2733
+ }
2734
+ };
2735
+ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
2736
+ if (isArray$1(rawRef)) {
2737
+ rawRef.forEach(
2738
+ (r2, i2) => setRef(
2739
+ r2,
2740
+ oldRawRef && (isArray$1(oldRawRef) ? oldRawRef[i2] : oldRawRef),
2741
+ parentSuspense,
2742
+ vnode,
2743
+ isUnmount
2744
+ )
2745
+ );
2746
+ return;
2747
+ }
2748
+ if (isAsyncWrapper(vnode) && !isUnmount) {
2749
+ return;
2750
+ }
2751
+ const refValue = vnode.shapeFlag & 4 ? getComponentPublicInstance(vnode.component) : vnode.el;
2752
+ const value = isUnmount ? null : refValue;
2753
+ const { i: owner, r: ref3 } = rawRef;
2754
+ const oldRef = oldRawRef && oldRawRef.r;
2755
+ const refs = owner.refs === EMPTY_OBJ$1 ? owner.refs = {} : owner.refs;
2756
+ const setupState = owner.setupState;
2757
+ if (oldRef != null && oldRef !== ref3) {
2758
+ if (isString$1(oldRef)) {
2759
+ refs[oldRef] = null;
2760
+ if (hasOwn(setupState, oldRef)) {
2761
+ setupState[oldRef] = null;
2762
+ }
2763
+ } else if (isRef(oldRef)) {
2764
+ oldRef.value = null;
2765
+ }
2766
+ }
2767
+ if (isFunction$1(ref3)) {
2768
+ callWithErrorHandling(ref3, owner, 12, [value, refs]);
2769
+ } else {
2770
+ const _isString = isString$1(ref3);
2771
+ const _isRef = isRef(ref3);
2772
+ if (_isString || _isRef) {
2773
+ const doSet = () => {
2774
+ if (rawRef.f) {
2775
+ const existing = _isString ? hasOwn(setupState, ref3) ? setupState[ref3] : refs[ref3] : ref3.value;
2776
+ if (isUnmount) {
2777
+ isArray$1(existing) && remove(existing, refValue);
2778
+ } else {
2779
+ if (!isArray$1(existing)) {
2780
+ if (_isString) {
2781
+ refs[ref3] = [refValue];
2782
+ if (hasOwn(setupState, ref3)) {
2783
+ setupState[ref3] = refs[ref3];
2784
+ }
2785
+ } else {
2786
+ ref3.value = [refValue];
2787
+ if (rawRef.k) refs[rawRef.k] = ref3.value;
2788
+ }
2789
+ } else if (!existing.includes(refValue)) {
2790
+ existing.push(refValue);
2791
+ }
2792
+ }
2793
+ } else if (_isString) {
2794
+ refs[ref3] = value;
2795
+ if (hasOwn(setupState, ref3)) {
2796
+ setupState[ref3] = value;
2797
+ }
2798
+ } else if (_isRef) {
2799
+ ref3.value = value;
2800
+ if (rawRef.k) refs[rawRef.k] = value;
2801
+ } else ;
2802
+ };
2803
+ if (value) {
2804
+ doSet.id = -1;
2805
+ queuePostRenderEffect(doSet, parentSuspense);
2806
+ } else {
2807
+ doSet();
2808
+ }
2809
+ }
2810
+ }
3616
2811
  }
3617
- const isInternalKey = (key) => key[0] === "_" || key === "$stable";
3618
- const normalizeSlotValue = (value) => isArray$1(value) ? value.map(normalizeVNode) : [normalizeVNode(value)];
3619
- const normalizeSlot = (key, rawSlot, ctx) => {
3620
- if (rawSlot._n) {
3621
- return rawSlot;
3622
- }
3623
- const normalized = withCtx((...args) => {
3624
- if (false) ;
3625
- return normalizeSlotValue(rawSlot(...args));
3626
- }, ctx);
3627
- normalized._c = false;
3628
- return normalized;
3629
- };
3630
- const normalizeObjectSlots = (rawSlots, slots, instance) => {
3631
- const ctx = rawSlots._ctx;
3632
- for (const key in rawSlots) {
3633
- if (isInternalKey(key)) continue;
3634
- const value = rawSlots[key];
3635
- if (isFunction$1(value)) {
3636
- slots[key] = normalizeSlot(key, value, ctx);
3637
- } else if (value != null) {
3638
- const normalized = normalizeSlotValue(value);
3639
- slots[key] = () => normalized;
3640
- }
3641
- }
3642
- };
3643
- const normalizeVNodeSlots = (instance, children) => {
3644
- const normalized = normalizeSlotValue(children);
3645
- instance.slots.default = () => normalized;
3646
- };
3647
- const assignSlots = (slots, children, optimized) => {
3648
- for (const key in children) {
3649
- if (optimized || key !== "_") {
3650
- slots[key] = children[key];
2812
+ const TeleportEndKey = Symbol("_vte");
2813
+ const isTeleport = (type) => type.__isTeleport;
2814
+ const isTeleportDisabled = (props2) => props2 && (props2.disabled || props2.disabled === "");
2815
+ const isTargetSVG = (target) => typeof SVGElement !== "undefined" && target instanceof SVGElement;
2816
+ const isTargetMathML = (target) => typeof MathMLElement === "function" && target instanceof MathMLElement;
2817
+ const resolveTarget = (props2, select) => {
2818
+ const targetSelector = props2 && props2.to;
2819
+ if (isString$1(targetSelector)) {
2820
+ if (!select) {
2821
+ return null;
2822
+ } else {
2823
+ const target = select(targetSelector);
2824
+ return target;
3651
2825
  }
2826
+ } else {
2827
+ return targetSelector;
3652
2828
  }
3653
2829
  };
3654
- const initSlots = (instance, children, optimized) => {
3655
- const slots = instance.slots = createInternalObject();
3656
- if (instance.vnode.shapeFlag & 32) {
3657
- const type = children._;
3658
- if (type) {
3659
- assignSlots(slots, children, optimized);
3660
- if (optimized) {
3661
- def(slots, "_", type, true);
2830
+ const TeleportImpl = {
2831
+ name: "Teleport",
2832
+ __isTeleport: true,
2833
+ process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals) {
2834
+ const {
2835
+ mc: mountChildren,
2836
+ pc: patchChildren,
2837
+ pbc: patchBlockChildren,
2838
+ o: { insert, querySelector, createText, createComment }
2839
+ } = internals;
2840
+ const disabled = isTeleportDisabled(n2.props);
2841
+ let { shapeFlag, children, dynamicChildren } = n2;
2842
+ if (n1 == null) {
2843
+ const placeholder = n2.el = createText("");
2844
+ const mainAnchor = n2.anchor = createText("");
2845
+ insert(placeholder, container, anchor);
2846
+ insert(mainAnchor, container, anchor);
2847
+ const target = n2.target = resolveTarget(n2.props, querySelector);
2848
+ const targetAnchor = prepareAnchor(target, n2, createText, insert);
2849
+ if (target) {
2850
+ if (namespace === "svg" || isTargetSVG(target)) {
2851
+ namespace = "svg";
2852
+ } else if (namespace === "mathml" || isTargetMathML(target)) {
2853
+ namespace = "mathml";
2854
+ }
2855
+ }
2856
+ const mount = (container2, anchor2) => {
2857
+ if (shapeFlag & 16) {
2858
+ mountChildren(
2859
+ children,
2860
+ container2,
2861
+ anchor2,
2862
+ parentComponent,
2863
+ parentSuspense,
2864
+ namespace,
2865
+ slotScopeIds,
2866
+ optimized
2867
+ );
2868
+ }
2869
+ };
2870
+ if (disabled) {
2871
+ mount(container, mainAnchor);
2872
+ } else if (target) {
2873
+ mount(target, targetAnchor);
3662
2874
  }
3663
2875
  } else {
3664
- normalizeObjectSlots(children, slots);
2876
+ n2.el = n1.el;
2877
+ n2.targetStart = n1.targetStart;
2878
+ const mainAnchor = n2.anchor = n1.anchor;
2879
+ const target = n2.target = n1.target;
2880
+ const targetAnchor = n2.targetAnchor = n1.targetAnchor;
2881
+ const wasDisabled = isTeleportDisabled(n1.props);
2882
+ const currentContainer = wasDisabled ? container : target;
2883
+ const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
2884
+ if (namespace === "svg" || isTargetSVG(target)) {
2885
+ namespace = "svg";
2886
+ } else if (namespace === "mathml" || isTargetMathML(target)) {
2887
+ namespace = "mathml";
2888
+ }
2889
+ if (dynamicChildren) {
2890
+ patchBlockChildren(
2891
+ n1.dynamicChildren,
2892
+ dynamicChildren,
2893
+ currentContainer,
2894
+ parentComponent,
2895
+ parentSuspense,
2896
+ namespace,
2897
+ slotScopeIds
2898
+ );
2899
+ traverseStaticChildren(n1, n2, true);
2900
+ } else if (!optimized) {
2901
+ patchChildren(
2902
+ n1,
2903
+ n2,
2904
+ currentContainer,
2905
+ currentAnchor,
2906
+ parentComponent,
2907
+ parentSuspense,
2908
+ namespace,
2909
+ slotScopeIds,
2910
+ false
2911
+ );
2912
+ }
2913
+ if (disabled) {
2914
+ if (!wasDisabled) {
2915
+ moveTeleport(
2916
+ n2,
2917
+ container,
2918
+ mainAnchor,
2919
+ internals,
2920
+ 1
2921
+ );
2922
+ } else {
2923
+ if (n2.props && n1.props && n2.props.to !== n1.props.to) {
2924
+ n2.props.to = n1.props.to;
2925
+ }
2926
+ }
2927
+ } else {
2928
+ if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
2929
+ const nextTarget = n2.target = resolveTarget(
2930
+ n2.props,
2931
+ querySelector
2932
+ );
2933
+ if (nextTarget) {
2934
+ moveTeleport(
2935
+ n2,
2936
+ nextTarget,
2937
+ null,
2938
+ internals,
2939
+ 0
2940
+ );
2941
+ }
2942
+ } else if (wasDisabled) {
2943
+ moveTeleport(
2944
+ n2,
2945
+ target,
2946
+ targetAnchor,
2947
+ internals,
2948
+ 1
2949
+ );
2950
+ }
2951
+ }
3665
2952
  }
3666
- } else if (children) {
3667
- normalizeVNodeSlots(instance, children);
3668
- }
2953
+ updateCssVars(n2);
2954
+ },
2955
+ remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) {
2956
+ const {
2957
+ shapeFlag,
2958
+ children,
2959
+ anchor,
2960
+ targetStart,
2961
+ targetAnchor,
2962
+ target,
2963
+ props: props2
2964
+ } = vnode;
2965
+ if (target) {
2966
+ hostRemove(targetStart);
2967
+ hostRemove(targetAnchor);
2968
+ }
2969
+ doRemove && hostRemove(anchor);
2970
+ if (shapeFlag & 16) {
2971
+ const shouldRemove = doRemove || !isTeleportDisabled(props2);
2972
+ for (let i2 = 0; i2 < children.length; i2++) {
2973
+ const child = children[i2];
2974
+ unmount(
2975
+ child,
2976
+ parentComponent,
2977
+ parentSuspense,
2978
+ shouldRemove,
2979
+ !!child.dynamicChildren
2980
+ );
2981
+ }
2982
+ }
2983
+ },
2984
+ move: moveTeleport,
2985
+ hydrate: hydrateTeleport
3669
2986
  };
3670
- const updateSlots = (instance, children, optimized) => {
3671
- const { vnode, slots } = instance;
3672
- let needDeletionCheck = true;
3673
- let deletionComparisonTarget = EMPTY_OBJ$1;
3674
- if (vnode.shapeFlag & 32) {
3675
- const type = children._;
3676
- if (type) {
3677
- if (optimized && type === 1) {
3678
- needDeletionCheck = false;
3679
- } else {
3680
- assignSlots(slots, children, optimized);
2987
+ function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2) {
2988
+ if (moveType === 0) {
2989
+ insert(vnode.targetAnchor, container, parentAnchor);
2990
+ }
2991
+ const { el, anchor, shapeFlag, children, props: props2 } = vnode;
2992
+ const isReorder = moveType === 2;
2993
+ if (isReorder) {
2994
+ insert(el, container, parentAnchor);
2995
+ }
2996
+ if (!isReorder || isTeleportDisabled(props2)) {
2997
+ if (shapeFlag & 16) {
2998
+ for (let i2 = 0; i2 < children.length; i2++) {
2999
+ move(
3000
+ children[i2],
3001
+ container,
3002
+ parentAnchor,
3003
+ 2
3004
+ );
3681
3005
  }
3682
- } else {
3683
- needDeletionCheck = !children.$stable;
3684
- normalizeObjectSlots(children, slots);
3685
3006
  }
3686
- deletionComparisonTarget = children;
3687
- } else if (children) {
3688
- normalizeVNodeSlots(instance, children);
3689
- deletionComparisonTarget = { default: 1 };
3690
3007
  }
3691
- if (needDeletionCheck) {
3692
- for (const key in slots) {
3693
- if (!isInternalKey(key) && deletionComparisonTarget[key] == null) {
3694
- delete slots[key];
3008
+ if (isReorder) {
3009
+ insert(anchor, container, parentAnchor);
3010
+ }
3011
+ }
3012
+ function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, {
3013
+ o: { nextSibling, parentNode, querySelector, insert, createText }
3014
+ }, hydrateChildren) {
3015
+ const target = vnode.target = resolveTarget(
3016
+ vnode.props,
3017
+ querySelector
3018
+ );
3019
+ if (target) {
3020
+ const targetNode = target._lpa || target.firstChild;
3021
+ if (vnode.shapeFlag & 16) {
3022
+ if (isTeleportDisabled(vnode.props)) {
3023
+ vnode.anchor = hydrateChildren(
3024
+ nextSibling(node),
3025
+ vnode,
3026
+ parentNode(node),
3027
+ parentComponent,
3028
+ parentSuspense,
3029
+ slotScopeIds,
3030
+ optimized
3031
+ );
3032
+ vnode.targetStart = targetNode;
3033
+ vnode.targetAnchor = targetNode && nextSibling(targetNode);
3034
+ } else {
3035
+ vnode.anchor = nextSibling(node);
3036
+ let targetAnchor = targetNode;
3037
+ while (targetAnchor) {
3038
+ if (targetAnchor && targetAnchor.nodeType === 8) {
3039
+ if (targetAnchor.data === "teleport start anchor") {
3040
+ vnode.targetStart = targetAnchor;
3041
+ } else if (targetAnchor.data === "teleport anchor") {
3042
+ vnode.targetAnchor = targetAnchor;
3043
+ target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
3044
+ break;
3045
+ }
3046
+ }
3047
+ targetAnchor = nextSibling(targetAnchor);
3048
+ }
3049
+ if (!vnode.targetAnchor) {
3050
+ prepareAnchor(target, vnode, createText, insert);
3051
+ }
3052
+ hydrateChildren(
3053
+ targetNode && nextSibling(targetNode),
3054
+ vnode,
3055
+ target,
3056
+ parentComponent,
3057
+ parentSuspense,
3058
+ slotScopeIds,
3059
+ optimized
3060
+ );
3695
3061
  }
3696
3062
  }
3063
+ updateCssVars(vnode);
3697
3064
  }
3698
- };
3065
+ return vnode.anchor && nextSibling(vnode.anchor);
3066
+ }
3067
+ const Teleport = TeleportImpl;
3068
+ function updateCssVars(vnode) {
3069
+ const ctx = vnode.ctx;
3070
+ if (ctx && ctx.ut) {
3071
+ let node = vnode.children[0].el;
3072
+ while (node && node !== vnode.targetAnchor) {
3073
+ if (node.nodeType === 1) node.setAttribute("data-v-owner", ctx.uid);
3074
+ node = node.nextSibling;
3075
+ }
3076
+ ctx.ut();
3077
+ }
3078
+ }
3079
+ function prepareAnchor(target, vnode, createText, insert) {
3080
+ const targetStart = vnode.targetStart = createText("");
3081
+ const targetAnchor = vnode.targetAnchor = createText("");
3082
+ targetStart[TeleportEndKey] = targetAnchor;
3083
+ if (target) {
3084
+ insert(targetStart, target);
3085
+ insert(targetAnchor, target);
3086
+ }
3087
+ return targetAnchor;
3088
+ }
3699
3089
  const queuePostRenderEffect = queueEffectWithSuspense;
3700
3090
  function createRenderer(options) {
3701
3091
  return baseCreateRenderer(options);
@@ -3963,7 +3353,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
3963
3353
  }
3964
3354
  if (parentComponent) {
3965
3355
  let subTree = parentComponent.subTree;
3966
- if (vnode === subTree || isSuspense(subTree.type) && (subTree.ssContent === vnode || subTree.ssFallback === vnode)) {
3356
+ if (vnode === subTree) {
3967
3357
  const parentVNode = parentComponent.vnode;
3968
3358
  setScopeId(
3969
3359
  el,
@@ -4261,6 +3651,8 @@ var lesscodeCustomComponentLibrary = function(exports) {
4261
3651
  return;
4262
3652
  } else {
4263
3653
  instance.next = n2;
3654
+ invalidateJob(instance.update);
3655
+ instance.effect.dirty = true;
4264
3656
  instance.update();
4265
3657
  }
4266
3658
  } else {
@@ -4273,7 +3665,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
4273
3665
  if (!instance.isMounted) {
4274
3666
  let vnodeHook;
4275
3667
  const { el, props: props2 } = initialVNode;
4276
- const { bm, m: m2, parent, root: root2, type } = instance;
3668
+ const { bm, m: m2, parent } = instance;
4277
3669
  const isAsyncWrapperVNode = isAsyncWrapper(initialVNode);
4278
3670
  toggleRecurse(instance, false);
4279
3671
  if (bm) {
@@ -4284,9 +3676,6 @@ var lesscodeCustomComponentLibrary = function(exports) {
4284
3676
  }
4285
3677
  toggleRecurse(instance, true);
4286
3678
  {
4287
- if (root2.ce) {
4288
- root2.ce._injectChildStyle(type);
4289
- }
4290
3679
  const subTree = instance.subTree = renderComponentRoot(instance);
4291
3680
  patch(
4292
3681
  null,
@@ -4376,14 +3765,20 @@ var lesscodeCustomComponentLibrary = function(exports) {
4376
3765
  }
4377
3766
  }
4378
3767
  };
4379
- instance.scope.on();
4380
- const effect2 = instance.effect = new ReactiveEffect(componentUpdateFn);
4381
- instance.scope.off();
4382
- const update = instance.update = effect2.run.bind(effect2);
4383
- const job = instance.job = effect2.runIfDirty.bind(effect2);
4384
- job.i = instance;
4385
- job.id = instance.uid;
4386
- effect2.scheduler = () => queueJob(job);
3768
+ const effect2 = instance.effect = new ReactiveEffect(
3769
+ componentUpdateFn,
3770
+ NOOP,
3771
+ () => queueJob(update),
3772
+ instance.scope
3773
+ // track it in component's effect scope
3774
+ );
3775
+ const update = instance.update = () => {
3776
+ if (effect2.dirty) {
3777
+ effect2.run();
3778
+ }
3779
+ };
3780
+ update.i = instance;
3781
+ update.id = instance.uid;
4387
3782
  toggleRecurse(instance, true);
4388
3783
  update();
4389
3784
  };
@@ -4842,15 +4237,15 @@ var lesscodeCustomComponentLibrary = function(exports) {
4842
4237
  hostRemove(end2);
4843
4238
  };
4844
4239
  const unmountComponent = (instance, parentSuspense, doRemove) => {
4845
- const { bum, scope, job, subTree, um, m: m2, a: a2 } = instance;
4240
+ const { bum, scope, update, subTree, um, m: m2, a: a2 } = instance;
4846
4241
  invalidateMount(m2);
4847
4242
  invalidateMount(a2);
4848
4243
  if (bum) {
4849
4244
  invokeArrayFns(bum);
4850
4245
  }
4851
4246
  scope.stop();
4852
- if (job) {
4853
- job.flags |= 8;
4247
+ if (update) {
4248
+ update.active = false;
4854
4249
  unmount(subTree, instance, parentSuspense, doRemove);
4855
4250
  }
4856
4251
  if (um) {
@@ -4882,7 +4277,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
4882
4277
  const teleportEnd = el && el[TeleportEndKey];
4883
4278
  return teleportEnd ? hostNextSibling(teleportEnd) : el;
4884
4279
  };
4885
- let isFlushing = false;
4280
+ let isFlushing2 = false;
4886
4281
  const render2 = (vnode, container, namespace) => {
4887
4282
  if (vnode == null) {
4888
4283
  if (container._vnode) {
@@ -4900,11 +4295,11 @@ var lesscodeCustomComponentLibrary = function(exports) {
4900
4295
  );
4901
4296
  }
4902
4297
  container._vnode = vnode;
4903
- if (!isFlushing) {
4904
- isFlushing = true;
4298
+ if (!isFlushing2) {
4299
+ isFlushing2 = true;
4905
4300
  flushPreFlushCbs();
4906
4301
  flushPostFlushCbs();
4907
- isFlushing = false;
4302
+ isFlushing2 = false;
4908
4303
  }
4909
4304
  };
4910
4305
  const internals = {
@@ -4929,14 +4324,8 @@ var lesscodeCustomComponentLibrary = function(exports) {
4929
4324
  function resolveChildrenNamespace({ type, props: props2 }, currentNamespace) {
4930
4325
  return currentNamespace === "svg" && type === "foreignObject" || currentNamespace === "mathml" && type === "annotation-xml" && props2 && props2.encoding && props2.encoding.includes("html") ? void 0 : currentNamespace;
4931
4326
  }
4932
- function toggleRecurse({ effect: effect2, job }, allowed) {
4933
- if (allowed) {
4934
- effect2.flags |= 32;
4935
- job.flags |= 4;
4936
- } else {
4937
- effect2.flags &= -33;
4938
- job.flags &= -5;
4939
- }
4327
+ function toggleRecurse({ effect: effect2, update }, allowed) {
4328
+ effect2.allowRecurse = update.allowRecurse = allowed;
4940
4329
  }
4941
4330
  function needTransition(parentSuspense, transition) {
4942
4331
  return (!parentSuspense || parentSuspense && !parentSuspense.pendingBranch) && transition && !transition.persisted;
@@ -5014,8 +4403,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
5014
4403
  }
5015
4404
  function invalidateMount(hooks) {
5016
4405
  if (hooks) {
5017
- for (let i2 = 0; i2 < hooks.length; i2++)
5018
- hooks[i2].flags |= 8;
4406
+ for (let i2 = 0; i2 < hooks.length; i2++) hooks[i2].active = false;
5019
4407
  }
5020
4408
  }
5021
4409
  const ssrContextKey = Symbol.for("v-scx");
@@ -5025,65 +4413,158 @@ var lesscodeCustomComponentLibrary = function(exports) {
5025
4413
  return ctx;
5026
4414
  }
5027
4415
  };
4416
+ const INITIAL_WATCHER_VALUE = {};
5028
4417
  function watch(source, cb, options) {
5029
4418
  return doWatch(source, cb, options);
5030
4419
  }
5031
- function doWatch(source, cb, options = EMPTY_OBJ$1) {
5032
- const { immediate, deep, flush, once } = options;
5033
- const baseWatchOptions = extend({}, options);
5034
- const runsImmediately = cb && immediate || !cb && flush !== "post";
4420
+ function doWatch(source, cb, {
4421
+ immediate,
4422
+ deep,
4423
+ flush,
4424
+ once,
4425
+ onTrack,
4426
+ onTrigger
4427
+ } = EMPTY_OBJ$1) {
4428
+ if (cb && once) {
4429
+ const _cb = cb;
4430
+ cb = (...args) => {
4431
+ _cb(...args);
4432
+ unwatch();
4433
+ };
4434
+ }
4435
+ const instance = currentInstance;
4436
+ const reactiveGetter = (source2) => deep === true ? source2 : (
4437
+ // for deep: false, only traverse root-level properties
4438
+ traverse(source2, deep === false ? 1 : void 0)
4439
+ );
4440
+ let getter;
4441
+ let forceTrigger = false;
4442
+ let isMultiSource = false;
4443
+ if (isRef(source)) {
4444
+ getter = () => source.value;
4445
+ forceTrigger = isShallow(source);
4446
+ } else if (isReactive(source)) {
4447
+ getter = () => reactiveGetter(source);
4448
+ forceTrigger = true;
4449
+ } else if (isArray$1(source)) {
4450
+ isMultiSource = true;
4451
+ forceTrigger = source.some((s2) => isReactive(s2) || isShallow(s2));
4452
+ getter = () => source.map((s2) => {
4453
+ if (isRef(s2)) {
4454
+ return s2.value;
4455
+ } else if (isReactive(s2)) {
4456
+ return reactiveGetter(s2);
4457
+ } else if (isFunction$1(s2)) {
4458
+ return callWithErrorHandling(s2, instance, 2);
4459
+ } else ;
4460
+ });
4461
+ } else if (isFunction$1(source)) {
4462
+ if (cb) {
4463
+ getter = () => callWithErrorHandling(source, instance, 2);
4464
+ } else {
4465
+ getter = () => {
4466
+ if (cleanup) {
4467
+ cleanup();
4468
+ }
4469
+ return callWithAsyncErrorHandling(
4470
+ source,
4471
+ instance,
4472
+ 3,
4473
+ [onCleanup]
4474
+ );
4475
+ };
4476
+ }
4477
+ } else {
4478
+ getter = NOOP;
4479
+ }
4480
+ if (cb && deep) {
4481
+ const baseGetter = getter;
4482
+ getter = () => traverse(baseGetter());
4483
+ }
4484
+ let cleanup;
4485
+ let onCleanup = (fn) => {
4486
+ cleanup = effect2.onStop = () => {
4487
+ callWithErrorHandling(fn, instance, 4);
4488
+ cleanup = effect2.onStop = void 0;
4489
+ };
4490
+ };
5035
4491
  let ssrCleanup;
5036
4492
  if (isInSSRComponentSetup) {
4493
+ onCleanup = NOOP;
4494
+ if (!cb) {
4495
+ getter();
4496
+ } else if (immediate) {
4497
+ callWithAsyncErrorHandling(cb, instance, 3, [
4498
+ getter(),
4499
+ isMultiSource ? [] : void 0,
4500
+ onCleanup
4501
+ ]);
4502
+ }
5037
4503
  if (flush === "sync") {
5038
4504
  const ctx = useSSRContext();
5039
4505
  ssrCleanup = ctx.__watcherHandles || (ctx.__watcherHandles = []);
5040
- } else if (!runsImmediately) {
5041
- const watchStopHandle = () => {
5042
- };
5043
- watchStopHandle.stop = NOOP;
5044
- watchStopHandle.resume = NOOP;
5045
- watchStopHandle.pause = NOOP;
5046
- return watchStopHandle;
4506
+ } else {
4507
+ return NOOP;
5047
4508
  }
5048
4509
  }
5049
- const instance = currentInstance;
5050
- baseWatchOptions.call = (fn, type, args) => callWithAsyncErrorHandling(fn, instance, type, args);
5051
- let isPre = false;
5052
- if (flush === "post") {
5053
- baseWatchOptions.scheduler = (job) => {
5054
- queuePostRenderEffect(job, instance && instance.suspense);
5055
- };
5056
- } else if (flush !== "sync") {
5057
- isPre = true;
5058
- baseWatchOptions.scheduler = (job, isFirstRun) => {
5059
- if (isFirstRun) {
5060
- job();
5061
- } else {
5062
- queueJob(job);
5063
- }
5064
- };
5065
- }
5066
- baseWatchOptions.augmentJob = (job) => {
5067
- if (cb) {
5068
- job.flags |= 4;
4510
+ let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;
4511
+ const job = () => {
4512
+ if (!effect2.active || !effect2.dirty) {
4513
+ return;
5069
4514
  }
5070
- if (isPre) {
5071
- job.flags |= 2;
5072
- if (instance) {
5073
- job.id = instance.uid;
5074
- job.i = instance;
4515
+ if (cb) {
4516
+ const newValue = effect2.run();
4517
+ if (deep || forceTrigger || (isMultiSource ? newValue.some((v2, i2) => hasChanged(v2, oldValue[i2])) : hasChanged(newValue, oldValue)) || false) {
4518
+ if (cleanup) {
4519
+ cleanup();
4520
+ }
4521
+ callWithAsyncErrorHandling(cb, instance, 3, [
4522
+ newValue,
4523
+ // pass undefined as the old value when it's changed for the first time
4524
+ oldValue === INITIAL_WATCHER_VALUE ? void 0 : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue,
4525
+ onCleanup
4526
+ ]);
4527
+ oldValue = newValue;
5075
4528
  }
4529
+ } else {
4530
+ effect2.run();
5076
4531
  }
5077
4532
  };
5078
- const watchHandle = watch$1(source, cb, baseWatchOptions);
5079
- if (isInSSRComponentSetup) {
5080
- if (ssrCleanup) {
5081
- ssrCleanup.push(watchHandle);
5082
- } else if (runsImmediately) {
5083
- watchHandle();
4533
+ job.allowRecurse = !!cb;
4534
+ let scheduler;
4535
+ if (flush === "sync") {
4536
+ scheduler = job;
4537
+ } else if (flush === "post") {
4538
+ scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
4539
+ } else {
4540
+ job.pre = true;
4541
+ if (instance) job.id = instance.uid;
4542
+ scheduler = () => queueJob(job);
4543
+ }
4544
+ const effect2 = new ReactiveEffect(getter, NOOP, scheduler);
4545
+ const scope = getCurrentScope();
4546
+ const unwatch = () => {
4547
+ effect2.stop();
4548
+ if (scope) {
4549
+ remove(scope.effects, effect2);
4550
+ }
4551
+ };
4552
+ if (cb) {
4553
+ if (immediate) {
4554
+ job();
4555
+ } else {
4556
+ oldValue = effect2.run();
5084
4557
  }
4558
+ } else if (flush === "post") {
4559
+ queuePostRenderEffect(
4560
+ effect2.run.bind(effect2),
4561
+ instance && instance.suspense
4562
+ );
4563
+ } else {
4564
+ effect2.run();
5085
4565
  }
5086
- return watchHandle;
4566
+ if (ssrCleanup) ssrCleanup.push(unwatch);
4567
+ return unwatch;
5087
4568
  }
5088
4569
  function instanceWatch(source, value, options) {
5089
4570
  const publicThis = this.proxy;
@@ -5110,6 +4591,38 @@ var lesscodeCustomComponentLibrary = function(exports) {
5110
4591
  return cur;
5111
4592
  };
5112
4593
  }
4594
+ function traverse(value, depth = Infinity, seen) {
4595
+ if (depth <= 0 || !isObject$2(value) || value["__v_skip"]) {
4596
+ return value;
4597
+ }
4598
+ seen = seen || /* @__PURE__ */ new Set();
4599
+ if (seen.has(value)) {
4600
+ return value;
4601
+ }
4602
+ seen.add(value);
4603
+ depth--;
4604
+ if (isRef(value)) {
4605
+ traverse(value.value, depth, seen);
4606
+ } else if (isArray$1(value)) {
4607
+ for (let i2 = 0; i2 < value.length; i2++) {
4608
+ traverse(value[i2], depth, seen);
4609
+ }
4610
+ } else if (isSet(value) || isMap(value)) {
4611
+ value.forEach((v2) => {
4612
+ traverse(v2, depth, seen);
4613
+ });
4614
+ } else if (isPlainObject$1(value)) {
4615
+ for (const key in value) {
4616
+ traverse(value[key], depth, seen);
4617
+ }
4618
+ for (const key of Object.getOwnPropertySymbols(value)) {
4619
+ if (Object.prototype.propertyIsEnumerable.call(value, key)) {
4620
+ traverse(value[key], depth, seen);
4621
+ }
4622
+ }
4623
+ }
4624
+ return value;
4625
+ }
5113
4626
  const getModelModifiers = (props2, modelName) => {
5114
4627
  return modelName === "modelValue" || modelName === "model-value" ? props2.modelModifiers : props2[`${modelName}Modifiers`] || props2[`${camelize(modelName)}Modifiers`] || props2[`${hyphenate(modelName)}Modifiers`];
5115
4628
  };
@@ -5302,7 +4815,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
5302
4815
  root2.dirs = root2.dirs ? root2.dirs.concat(vnode.dirs) : vnode.dirs;
5303
4816
  }
5304
4817
  if (vnode.transition) {
5305
- setTransitionHooks(root2, vnode.transition);
4818
+ root2.transition = vnode.transition;
5306
4819
  }
5307
4820
  {
5308
4821
  result = root2;
@@ -5425,9 +4938,9 @@ var lesscodeCustomComponentLibrary = function(exports) {
5425
4938
  currentBlock = blockStack[blockStack.length - 1] || null;
5426
4939
  }
5427
4940
  let isBlockTreeEnabled = 1;
5428
- function setBlockTracking(value, inVOnce = false) {
4941
+ function setBlockTracking(value) {
5429
4942
  isBlockTreeEnabled += value;
5430
- if (value < 0 && currentBlock && inVOnce) {
4943
+ if (value < 0 && currentBlock) {
5431
4944
  currentBlock.hasOnce = true;
5432
4945
  }
5433
4946
  }
@@ -5659,7 +5172,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
5659
5172
  // #3666, avoid reference pollution when reusing vnode
5660
5173
  child.slice()
5661
5174
  );
5662
- } else if (isVNode(child)) {
5175
+ } else if (typeof child === "object") {
5663
5176
  return cloneIfMounted(child);
5664
5177
  } else {
5665
5178
  return createVNode(Text$1, null, String(child));
@@ -5762,7 +5275,6 @@ var lesscodeCustomComponentLibrary = function(exports) {
5762
5275
  effect: null,
5763
5276
  update: null,
5764
5277
  // will be set synchronously right after creation
5765
- job: null,
5766
5278
  scope: new EffectScope(
5767
5279
  true
5768
5280
  /* detached */
@@ -5773,7 +5285,6 @@ var lesscodeCustomComponentLibrary = function(exports) {
5773
5285
  exposeProxy: null,
5774
5286
  withProxy: null,
5775
5287
  provides: parent ? parent.provides : Object.create(appContext.provides),
5776
- ids: parent ? parent.ids : ["", 0, 0],
5777
5288
  accessCache: null,
5778
5289
  renderCache: [],
5779
5290
  // local resolved assets
@@ -5845,7 +5356,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
5845
5356
  if (!(setters = g2[key])) setters = g2[key] = [];
5846
5357
  setters.push(setter);
5847
5358
  return (v2) => {
5848
- if (setters.length > 1) setters.forEach((set) => set(v2));
5359
+ if (setters.length > 1) setters.forEach((set2) => set2(v2));
5849
5360
  else setters[0](v2);
5850
5361
  };
5851
5362
  };
@@ -5891,9 +5402,9 @@ var lesscodeCustomComponentLibrary = function(exports) {
5891
5402
  instance.proxy = new Proxy(instance.ctx, PublicInstanceProxyHandlers);
5892
5403
  const { setup } = Component;
5893
5404
  if (setup) {
5894
- pauseTracking();
5895
5405
  const setupContext = instance.setupContext = setup.length > 1 ? createSetupContext(instance) : null;
5896
5406
  const reset = setCurrentInstance(instance);
5407
+ pauseTracking();
5897
5408
  const setupResult = callWithErrorHandling(
5898
5409
  setup,
5899
5410
  instance,
@@ -5903,13 +5414,9 @@ var lesscodeCustomComponentLibrary = function(exports) {
5903
5414
  setupContext
5904
5415
  ]
5905
5416
  );
5906
- const isAsyncSetup = isPromise$1(setupResult);
5907
5417
  resetTracking();
5908
5418
  reset();
5909
- if ((isAsyncSetup || instance.sp) && !isAsyncWrapper(instance)) {
5910
- markAsyncBoundary(instance);
5911
- }
5912
- if (isAsyncSetup) {
5419
+ if (isPromise$1(setupResult)) {
5913
5420
  setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
5914
5421
  if (isSSR) {
5915
5422
  return setupResult.then((resolvedResult) => {
@@ -6046,23 +5553,12 @@ var lesscodeCustomComponentLibrary = function(exports) {
6046
5553
  return createVNode(type, propsOrChildren, children);
6047
5554
  }
6048
5555
  }
6049
- const version = "3.5.13";
5556
+ const version = "3.4.38";
6050
5557
  /**
6051
- * @vue/runtime-dom v3.5.13
5558
+ * @vue/runtime-dom v3.4.38
6052
5559
  * (c) 2018-present Yuxi (Evan) You and Vue contributors
6053
5560
  * @license MIT
6054
5561
  **/
6055
- let policy = void 0;
6056
- const tt = typeof window !== "undefined" && window.trustedTypes;
6057
- if (tt) {
6058
- try {
6059
- policy = /* @__PURE__ */ tt.createPolicy("vue", {
6060
- createHTML: (val) => val
6061
- });
6062
- } catch (e) {
6063
- }
6064
- }
6065
- const unsafeToTrustedHTML = policy ? (val) => policy.createHTML(val) : (val) => val;
6066
5562
  const svgNS = "http://www.w3.org/2000/svg";
6067
5563
  const mathmlNS = "http://www.w3.org/1998/Math/MathML";
6068
5564
  const doc = typeof document !== "undefined" ? document : null;
@@ -6110,9 +5606,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
6110
5606
  if (start2 === end2 || !(start2 = start2.nextSibling)) break;
6111
5607
  }
6112
5608
  } else {
6113
- templateContainer.innerHTML = unsafeToTrustedHTML(
6114
- namespace === "svg" ? `<svg>${content2}</svg>` : namespace === "mathml" ? `<math>${content2}</math>` : content2
6115
- );
5609
+ templateContainer.innerHTML = namespace === "svg" ? `<svg>${content2}</svg>` : namespace === "mathml" ? `<math>${content2}</math>` : content2;
6116
5610
  const template = templateContainer.content;
6117
5611
  if (namespace === "svg" || namespace === "mathml") {
6118
5612
  const wrapper = template.firstChild;
@@ -6258,22 +5752,17 @@ var lesscodeCustomComponentLibrary = function(exports) {
6258
5752
  }
6259
5753
  }
6260
5754
  }
6261
- function patchDOMProp(el, key, value, parentComponent, attrName) {
5755
+ function patchDOMProp(el, key, value, parentComponent) {
6262
5756
  if (key === "innerHTML" || key === "textContent") {
6263
- if (value != null) {
6264
- el[key] = key === "innerHTML" ? unsafeToTrustedHTML(value) : value;
6265
- }
5757
+ if (value == null) return;
5758
+ el[key] = value;
6266
5759
  return;
6267
5760
  }
6268
5761
  const tag2 = el.tagName;
6269
5762
  if (key === "value" && tag2 !== "PROGRESS" && // custom elements may use _value internally
6270
5763
  !tag2.includes("-")) {
6271
5764
  const oldValue = tag2 === "OPTION" ? el.getAttribute("value") || "" : el.value;
6272
- const newValue = value == null ? (
6273
- // #11647: value should be set as empty string for null and undefined,
6274
- // but <input type="checkbox"> should be set as 'on'.
6275
- el.type === "checkbox" ? "on" : ""
6276
- ) : String(value);
5765
+ const newValue = value == null ? "" : String(value);
6277
5766
  if (oldValue !== newValue || !("_value" in el)) {
6278
5767
  el.value = newValue;
6279
5768
  }
@@ -6300,7 +5789,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
6300
5789
  el[key] = value;
6301
5790
  } catch (e) {
6302
5791
  }
6303
- needRemove && el.removeAttribute(attrName || key);
5792
+ needRemove && el.removeAttribute(key);
6304
5793
  }
6305
5794
  function addEventListener(el, event, handler, options) {
6306
5795
  el.addEventListener(event, handler, options);
@@ -6394,11 +5883,6 @@ var lesscodeCustomComponentLibrary = function(exports) {
6394
5883
  if (!el.tagName.includes("-") && (key === "value" || key === "checked" || key === "selected")) {
6395
5884
  patchAttr(el, key, nextValue, isSVG, parentComponent, key !== "value");
6396
5885
  }
6397
- } else if (
6398
- // #11081 force set props for possible async custom element
6399
- el._isVueCE && (/[A-Z]/.test(key) || !isString$1(nextValue))
6400
- ) {
6401
- patchDOMProp(el, camelize(key), nextValue, parentComponent, key);
6402
5886
  } else {
6403
5887
  if (key === "true-value") {
6404
5888
  el._trueValue = nextValue;
@@ -6548,9 +6032,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
6548
6032
  if (!isFunction$1(component) && !component.render && !component.template) {
6549
6033
  component.template = container.innerHTML;
6550
6034
  }
6551
- if (container.nodeType === 1) {
6552
- container.textContent = "";
6553
- }
6035
+ container.innerHTML = "";
6554
6036
  const proxy = mount(container, false, resolveRootNamespace(container));
6555
6037
  if (container instanceof Element) {
6556
6038
  container.removeAttribute("v-cloak");
@@ -10029,7 +9511,7 @@ ${$(r2)}`), n2;
10029
9511
  }
10030
9512
  _createClass(PropTypes2, null, [{
10031
9513
  key: "size",
10032
- value: function size() {
9514
+ value: function size2() {
10033
9515
  var defaultList = ["small", "default", "large", "huge"];
10034
9516
  return (0, external_vue_types_namespaceObject$4.toType)("Size", {
10035
9517
  validator: function validator(val) {
@@ -10525,8 +10007,8 @@ ${$(r2)}`), n2;
10525
10007
  if (hasRequired_listCacheDelete) return _listCacheDelete;
10526
10008
  hasRequired_listCacheDelete = 1;
10527
10009
  var assocIndexOf = require_assocIndexOf();
10528
- var arrayProto2 = Array.prototype;
10529
- var splice = arrayProto2.splice;
10010
+ var arrayProto = Array.prototype;
10011
+ var splice = arrayProto.splice;
10530
10012
  function listCacheDelete(key) {
10531
10013
  var data2 = this.__data__, index = assocIndexOf(data2, key);
10532
10014
  if (index < 0) {
@@ -10978,9 +10460,9 @@ ${$(r2)}`), n2;
10978
10460
  hasRequired_mapCacheSet = 1;
10979
10461
  var getMapData = require_getMapData();
10980
10462
  function mapCacheSet(key, value) {
10981
- var data2 = getMapData(this, key), size = data2.size;
10463
+ var data2 = getMapData(this, key), size2 = data2.size;
10982
10464
  data2.set(key, value);
10983
- this.size += data2.size == size ? 0 : 1;
10465
+ this.size += data2.size == size2 ? 0 : 1;
10984
10466
  return this;
10985
10467
  }
10986
10468
  _mapCacheSet = mapCacheSet;
@@ -11753,7 +11235,7 @@ ${$(r2)}`), n2;
11753
11235
  function require_apply() {
11754
11236
  if (hasRequired_apply) return _apply;
11755
11237
  hasRequired_apply = 1;
11756
- function apply2(func, thisArg, args) {
11238
+ function apply(func, thisArg, args) {
11757
11239
  switch (args.length) {
11758
11240
  case 0:
11759
11241
  return func.call(thisArg);
@@ -11766,7 +11248,7 @@ ${$(r2)}`), n2;
11766
11248
  }
11767
11249
  return func.apply(thisArg, args);
11768
11250
  }
11769
- _apply = apply2;
11251
+ _apply = apply;
11770
11252
  return _apply;
11771
11253
  }
11772
11254
  var _overRest;
@@ -11774,7 +11256,7 @@ ${$(r2)}`), n2;
11774
11256
  function require_overRest() {
11775
11257
  if (hasRequired_overRest) return _overRest;
11776
11258
  hasRequired_overRest = 1;
11777
- var apply2 = require_apply();
11259
+ var apply = require_apply();
11778
11260
  var nativeMax = Math.max;
11779
11261
  function overRest(func, start2, transform) {
11780
11262
  start2 = nativeMax(start2 === void 0 ? func.length - 1 : start2, 0);
@@ -11789,7 +11271,7 @@ ${$(r2)}`), n2;
11789
11271
  otherArgs[index] = args[index];
11790
11272
  }
11791
11273
  otherArgs[start2] = transform(array);
11792
- return apply2(func, this, otherArgs);
11274
+ return apply(func, this, otherArgs);
11793
11275
  };
11794
11276
  }
11795
11277
  _overRest = overRest;
@@ -20607,12 +20089,12 @@ ${$(r2)}`), n2;
20607
20089
  var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
20608
20090
  return matrixFn && new matrixFn(appliedTransforms);
20609
20091
  }
20610
- function find(ctx, tagName, iterator2) {
20092
+ function find(ctx, tagName, iterator) {
20611
20093
  if (ctx) {
20612
20094
  var list = ctx.getElementsByTagName(tagName), i2 = 0, n2 = list.length;
20613
- if (iterator2) {
20095
+ if (iterator) {
20614
20096
  for (; i2 < n2; i2++) {
20615
- iterator2(list[i2], i2);
20097
+ iterator(list[i2], i2);
20616
20098
  }
20617
20099
  }
20618
20100
  return list;
@@ -23580,7 +23062,7 @@ ${$(r2)}`), n2;
23580
23062
  };
23581
23063
  }
23582
23064
  });
23583
- const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-487799ec"]]);
23065
+ const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-655f7a5a"]]);
23584
23066
  const _hoisted_1$2 = ["onClick"];
23585
23067
  const _hoisted_2$1 = ["placeholder"];
23586
23068
  const _hoisted_3 = ["placeholder"];
@@ -24072,7 +23554,7 @@ ${$(r2)}`), n2;
24072
23554
  };
24073
23555
  }
24074
23556
  });
24075
- const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-95b69442"]]);
23557
+ const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d9743f6d"]]);
24076
23558
  const _hoisted_1$1 = { class: "input-container" };
24077
23559
  const _hoisted_2 = ["placeholder"];
24078
23560
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -24115,9 +23597,11 @@ ${$(r2)}`), n2;
24115
23597
  type: "userGroup"
24116
23598
  }));
24117
23599
  const list = [...options.value, ...userGroup];
24118
- return list.find((user) => user.id === selectedUser.value);
23600
+ const selectedUserInfo2 = list.find((user) => user.id === selectedUser.value);
23601
+ emit2("change", selectedUserInfo2 || null);
23602
+ return selectedUserInfo2;
24119
23603
  });
24120
- onBeforeMount(async () => {
23604
+ const initSelectedUser = async () => {
24121
23605
  if (typeof props2.modelValue === "string" && props2.modelValue) {
24122
23606
  try {
24123
23607
  isLoading.value = true;
@@ -24138,7 +23622,12 @@ ${$(r2)}`), n2;
24138
23622
  } finally {
24139
23623
  isLoading.value = false;
24140
23624
  }
23625
+ } else {
23626
+ options.value = [];
24141
23627
  }
23628
+ };
23629
+ onBeforeMount(async () => {
23630
+ initSelectedUser();
24142
23631
  });
24143
23632
  const addCurrentUser = async () => {
24144
23633
  if (!props2.currentUserId || selectedUser.value === props2.currentUserId) return;
@@ -24190,9 +23679,15 @@ ${$(r2)}`), n2;
24190
23679
  const handleClickOutside = () => {
24191
23680
  showDropdown.value = false;
24192
23681
  };
24193
- watch(selectedUserInfo, (newVal) => {
24194
- emit2("change", newVal || null);
24195
- }, { immediate: true });
23682
+ watch(
23683
+ () => props2.modelValue,
23684
+ (newVal) => {
23685
+ selectedUser.value = newVal;
23686
+ }
23687
+ );
23688
+ watch(selectedUser, (newVal) => {
23689
+ emit2("update:modelValue", newVal);
23690
+ });
24196
23691
  return (_ctx, _cache) => {
24197
23692
  return withDirectives((openBlock(), createElementBlock("div", {
24198
23693
  ref_key: "containerRef",
@@ -24253,7 +23748,7 @@ ${$(r2)}`), n2;
24253
23748
  };
24254
23749
  }
24255
23750
  });
24256
- const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-4fec9d7c"]]);
23751
+ const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-75a8e031"]]);
24257
23752
  const _hoisted_1 = {
24258
23753
  ref: "containerRef",
24259
23754
  class: "bk-user-selector"
@@ -24307,6 +23802,8 @@ ${$(r2)}`), n2;
24307
23802
  } catch (error2) {
24308
23803
  console.error("获取选中用户信息失败:", error2);
24309
23804
  }
23805
+ } else {
23806
+ selectedUsers.value = [];
24310
23807
  }
24311
23808
  } else {
24312
23809
  selectedUser.value = props2.modelValue;
@@ -24326,15 +23823,19 @@ ${$(r2)}`), n2;
24326
23823
  watch(selectedUser, (newVal) => {
24327
23824
  if (!props2.multiple) {
24328
23825
  emit2("update:modelValue", newVal);
24329
- emit2("change", newVal);
24330
23826
  }
24331
- }, { immediate: true });
23827
+ });
24332
23828
  watch(
24333
23829
  () => props2.userGroup,
24334
23830
  () => {
24335
23831
  initSelectedUsers();
24336
- },
24337
- { immediate: true }
23832
+ }
23833
+ );
23834
+ watch(
23835
+ () => props2.modelValue,
23836
+ () => {
23837
+ initSelectedUsers();
23838
+ }
24338
23839
  );
24339
23840
  onBeforeMount(() => {
24340
23841
  initSelectedUsers();
@@ -24395,52 +23896,54 @@ ${$(r2)}`), n2;
24395
23896
  };
24396
23897
  }
24397
23898
  });
24398
- const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78f5783f"]]);
23899
+ const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-53d8b462"]]);
24399
23900
  const vue2 = {
23901
+ model: {
23902
+ prop: "modelValue",
23903
+ event: "change"
23904
+ },
23905
+ beforeDestroy() {
23906
+ var _a;
23907
+ this.unWatchStack.forEach((unWatch) => unWatch == null ? void 0 : unWatch());
23908
+ (_a = this.app) == null ? void 0 : _a.unmount();
23909
+ },
24400
23910
  created() {
24401
- const that = this;
24402
- let app = createApp({
24403
- setup() {
24404
- const currentInstance2 = getCurrentInstance();
24405
- const unwatchList = Object.keys(that.$props).map((key) => {
24406
- return that.$watch(key, () => {
24407
- currentInstance2.proxy.$forceUpdate();
24408
- });
24409
- });
24410
- onBeforeUnmount(() => {
24411
- unwatchList.forEach((unwatch) => unwatch());
24412
- });
24413
- return () => h$1(BkUserSelector, {
24414
- ...that.$props,
24415
- "onUpdate:modelValue": (value) => {
24416
- that.$emit("update:modelValue", value);
24417
- that.$emit("change", value);
23911
+ const props2 = this.$props;
23912
+ const emit2 = this.$emit.bind(this);
23913
+ let userSelectorInstance;
23914
+ this.app = createApp({
23915
+ render() {
23916
+ userSelectorInstance = this;
23917
+ return h$1(BkUserSelector, {
23918
+ ...props2,
23919
+ "onUpdate:modelValue"() {
23920
+ emit2("update:modelValue", ...arguments);
23921
+ emit2("change", ...arguments);
24418
23922
  },
24419
- onChange: (value) => {
24420
- console.info("onChange", value);
24421
- that.$emit("change", value);
24422
- }
23923
+ ref: "userSelectorRef"
24423
23924
  });
24424
23925
  }
24425
23926
  });
24426
- this.$once("hook:mounted", () => {
24427
- app.mount(this.$el);
24428
- console.info("app", app);
24429
- });
24430
- this.$once("hook:beforeDestroy", () => {
24431
- app.unmount();
24432
- console.info("unmount", app);
24433
- app = null;
23927
+ this.unWatchStack = Object.keys(this.$props).map((k2) => {
23928
+ return this.$watch(k2, (v2) => {
23929
+ userSelectorInstance[k2] = v2;
23930
+ userSelectorInstance.$forceUpdate();
23931
+ });
24434
23932
  });
24435
23933
  },
24436
- model: {
24437
- prop: "modelValue",
24438
- event: "change"
23934
+ data() {
23935
+ return {
23936
+ app: null,
23937
+ unWatchStack: []
23938
+ };
23939
+ },
23940
+ mounted() {
23941
+ var _a;
23942
+ (_a = this.app) == null ? void 0 : _a.mount(this.$el);
24439
23943
  },
24440
23944
  name: "BkUserSelector",
24441
23945
  props: BkUserSelector.props || {},
24442
23946
  render(createElement) {
24443
- console.info("render", createElement);
24444
23947
  return createElement("div");
24445
23948
  }
24446
23949
  };