@next-bricks/form-platform 0.5.0 → 0.6.1

package/dist-types/cmdb-instance-select/index.d.ts

@@ -0,0 +1,185 @@
+import React from "react";
+import "@next-core/theme";
+import { FormItemProps } from "@next-bricks/form/form-item";
+import { FormItemElementBase } from "@next-shared/form";
+import { ComplexOption } from "./CmdbInstanceSelectInternal";
+export interface EoCmdbInstanceSelectProps extends FormItemProps {
+    shadowRoot: ShadowRoot | null;
+    objectId: string;
+    mode?: string;
+    pageSize?: number;
+    instanceQuery?: any;
+    placeholder?: string;
+    fields?: Partial<ComplexOption<string>>;
+    minimumInputLength?: number;
+    value?: string | string[];
+    onChange?: (value: string | string[], option?: ComplexOption) => void;
+    onOptionsChange?: (options: ComplexOption[]) => void;
+    allowClear?: boolean;
+    inputBoxStyle?: React.CSSProperties;
+    extraSearchKey?: string[];
+    extraFields?: string[];
+    popoverPositionType?: "default" | "parent";
+    isMultiLabel?: boolean;
+    showSearchTip?: boolean;
+    labelTemplate?: string;
+    disabled?: boolean;
+    permission?: Array<"read" | "update" | "operate">;
+    showTooltip?: boolean;
+    ignoreMissingFieldError?: boolean;
+    showKeyField?: boolean;
+    dropdownMatchSelectWidth?: boolean;
+    dropdownStyle?: React.CSSProperties;
+    blurAfterValueChanged?: boolean;
+    sort?: Array<Record<string, number | string>>;
+    useExternalCmdbApi?: boolean;
+    externalSourceId?: string;
+    validateState?: string;
+    trigger?: string;
+}
+export interface CmdbInstanceSelectEventsMap {
+    change: CustomEvent<string | string[]>;
+    "change.v2": CustomEvent<ComplexOption>;
+    "options.change": CustomEvent<{
+        options: ComplexOption[];
+        name: string;
+    }>;
+}
+export interface CmdbInstanceSelectEventsMapping {
+    onChange: "change";
+    onChangeV2: "change.v2";
+    onOptionsChange: "options.change";
+}
+/**
+ * CMDB 实例选择器
+ * @author jo
+ * @category form-input-business
+ * @insider
+ */
+export declare class EoCmdbInstanceSelect extends FormItemElementBase {
+    #private;
+    /**
+     * 字段名称
+     */
+    accessor name: string | undefined;
+    /**
+     * 字段说明
+     */
+    accessor label: string | undefined;
+    /**
+     * 是否必填
+     */
+    accessor required: boolean | undefined;
+    /**
+     * 字段placeholder
+     */
+    accessor placeholder: string | undefined;
+    /**
+     * 值
+     */
+    accessor value: string | string[] | undefined;
+    /**
+     * 模型 id
+     */
+    accessor objectId: string;
+    /**
+     * 是否禁用
+     */
+    accessor disabled: boolean | undefined;
+    /**
+     * 支持清除选项
+     */
+    accessor allowClear: boolean | undefined;
+    /**
+     * 多选模式
+     */
+    accessor mode: string | undefined;
+    /**
+     * 配置搜索接口的pageSize
+     */
+    accessor pageSize: number | undefined;
+    /**
+     * 下拉框选项的过滤条件
+     */
+    accessor instanceQuery: any;
+    /**
+     * 自定义 select 下拉选项的 label 和 value 字段
+     */
+    accessor fields: Partial<ComplexOption<string>> | undefined;
+    /**
+     * 输入多少个字符才触发搜索动作
+     */
+    accessor minimumInputLength: number | undefined;
+    /**
+     * 配置额外的字段进行搜索
+     */
+    accessor extraSearchKey: string[] | undefined;
+    /**
+     * 配置接口需要返回的额外字段
+     */
+    accessor extraFields: string[] | undefined;
+    /**
+     * 下拉选项的渲染方式
+     */
+    accessor popoverPositionType: "default" | "parent" | undefined;
+    /**
+     * 控制下拉框中的label显示一个或者多个
+     */
+    accessor isMultiLabel: boolean | undefined;
+    /**
+     * 下拉列表的最后一行是否显示提示
+     */
+    accessor showSearchTip: boolean | undefined;
+    /**
+     * 可自定义label显示的模板
+     */
+    accessor labelTemplate: string | undefined;
+    /**
+     * 输入框样式
+     */
+    accessor inputBoxStyle: React.CSSProperties | undefined;
+    /**
+     * 按照权限过滤实例
+     */
+    accessor permission: Array<"read" | "update" | "operate"> | undefined;
+    /**
+     * 下拉框中是否启用tooltip显示label全称
+     */
+    accessor showTooltip: boolean | undefined;
+    /**
+     * 是否忽略不存在字段
+     */
+    accessor ignoreMissingFieldError: boolean | undefined;
+    /**
+     * 实例通过showKey自定义展示
+     */
+    accessor showKeyField: boolean | undefined;
+    /**
+     * 下拉菜单和选择器同宽
+     */
+    accessor dropdownMatchSelectWidth: boolean | undefined;
+    /**
+     * 设置下拉框容器的样式
+     */
+    accessor dropdownStyle: React.CSSProperties | undefined;
+    /**
+     * 是否在选完值后取消聚焦
+     */
+    accessor blurAfterValueChanged: boolean | undefined;
+    /**
+     * 配置接口返回数据的排序规则
+     */
+    accessor sort: Array<Record<string, number | string>> | undefined;
+    /**
+     * 使用外部数据源
+     */
+    accessor useExternalCmdbApi: boolean | undefined;
+    /**
+     * 外部数据源id
+     */
+    accessor externalSourceId: string | undefined;
+    handleChange: (value: string | string[], option?: ComplexOption) => void;
+    handleOptionsChange: (options: ComplexOption[]) => void;
+    render(): React.JSX.Element;
+}
+export declare function EoCmdbInstanceSelectComponent(props: EoCmdbInstanceSelectProps): React.JSX.Element;

package/dist-types/cmdb-instance-select/index.spec.d.ts

@@ -0,0 +1 @@
+import "./";

package/dist-types/jsx.d.ts

@@ -1,11 +1,15 @@
 import type { DetailedHTMLProps, HTMLAttributes } from "react";
 import type { EoUserOrUserGroupSelect, EoUserOrUserGroupSelectProps } from "./user-or-user-group-select";
+import type { EoCmdbInstanceSelect, EoCmdbInstanceSelectProps } from "./cmdb-instance-select";
 declare global {
     namespace JSX {
         interface IntrinsicElements {
             "eo-user-or-user-group-select": DetailedHTMLProps<HTMLAttributes<EoUserOrUserGroupSelect>, EoUserOrUserGroupSelect> & EoUserOrUserGroupSelectProps & {
                 onChange?: (event: CustomEvent<string[]>) => void;
             };
+            "eo-cmdb-instance-select": DetailedHTMLProps<HTMLAttributes<EoCmdbInstanceSelect>, EoCmdbInstanceSelect> & EoCmdbInstanceSelectProps & {
+                onChange?: (event: CustomEvent<string[]>) => void;
+            };
         }
     }
 }

package/docs/eo-cmdb-instance-select.md

@@ -0,0 +1,26 @@
+构件 `eo-cmdb-instance-select`
+
+## Examples
+
+### Basic
+
+```yaml preview
+- brick: eo-cmdb-instance-select
+  properties:
+    label: 选择应用
+    name: app
+    objectId: APP
+    placeholder: 请选择应用
+```
+
+### Multiple Mode
+
+```yaml preview
+- brick: eo-cmdb-instance-select
+  properties:
+    label: 选择应用
+    name: app
+    objectId: APP
+    placeholder: 请选择应用
+    mode: multiple
+```

package/docs/eo-user-or-user-group-select.md

@@ -1,14 +1,131 @@
-构件 `eo-user-or-user-group-select`
+---
+tagName: eo-user-or-user-group-select
+displayName: WrappedEoUserOrUserGroupSelect
+description: 用户(组)选择器
+category: form-input-business
+source: "@next-bricks/form-platform"
+---
+
+# eo-user-or-user-group-select
+
+> 用户(组)选择器
+
+## Props
+
+| 属性             | 类型                                    | 必填 | 默认值   | 说明                                                                                |
+| ---------------- | --------------------------------------- | ---- | -------- | ----------------------------------------------------------------------------------- |
+| name             | `string`                                | 否   | -        | 字段名称                                                                            |
+| label            | `string`                                | 否   | -        | 字段说明                                                                            |
+| required         | `boolean`                               | 否   | -        | 是否必填                                                                            |
+| placeholder      | `string`                                | 否   | -        | 字段placeholder                                                                     |
+| value            | `string[]`                              | 否   | -        | 值                                                                                  |
+| objectList       | `Partial<CmdbModels.ModelCmdbObject>[]` | 否   | -        | 模型列表（按需传递 USER/USER_GROUP 的模型定义，用于显示对应实例名称）               |
+| query            | `Record<string, any>`                   | 否   | -        | 用户和用户组 `search` 接口的 `query`，此参数比较适用于两者接口需要参数相同的情况    |
+| userQuery        | `Record<string, any>`                   | 否   | -        | 针对 `USER/instance/_search` 接口的 `query`，可能只需要针对用户做筛选的情况         |
+| userGroupQuery   | `Record<string, any>`                   | 否   | -        | 针对 `USER_GROUP/instance/_search` 接口的 `query`，可能只需要针对用户组做筛选的情况 |
+| userKey          | `"name" \| "instanceId"`                | 否   | `"name"` | 用户对象的唯一标识字段，即：value 使用的字段名                                      |
+| optionsMode      | `"user" \| "group" \| "all"`            | 是   | `"all"`  | 支持选择用户、用户组或者两者                                                        |
+| disabled         | `boolean`                               | 否   | -        | 是否禁用                                                                            |
+| isMultiple       | `boolean`                               | 是   | `true`   | 是否多选，默认为多选                                                                |
+| staticList       | `string[]`                              | 否   | -        | 固定白名单列表，该列表中的值用户不能取消                                            |
+| hideAddMeQuickly | `boolean`                               | 是   | `true`   | 快速选择我                                                                          |
+| themeVariant     | `"default" \| "elevo"`                  | 否   | -        | 主题变体                                                                            |
+
+## Events
+
+| 事件   | detail                                            | 说明         |
+| ------ | ------------------------------------------------- | ------------ |
+| change | `string[]` — 当前选中的用户名或用户组实例 ID 列表 | 值变化时触发 |
 
 ## Examples
 
 ### Basic
 
+基础用法，默认支持选择用户和用户组，多选模式。
+
+```yaml preview
+- brick: eo-user-or-user-group-select
+  properties:
+    label: 负责人
+    name: user
+    placeholder: 请选择用户或用户组
+    isMultiple: true
+```
+
+### User Only Mode
+
+仅选择用户模式，不显示用户组选项。
+
 ```yaml preview
 - brick: eo-user-or-user-group-select
   properties:
-    label: Label
+    label: 用户
     name: user
-    placeholder: 用户
+    placeholder: 请选择用户
+    optionsMode: user
     isMultiple: true
+  events:
+    change:
+      - action: console.log
+        args:
+          - <% EVENT.detail %>
+```
+
+### Single Select with Quick Add Me
+
+单选模式，并显示"快速选择我"按钮。
+
+```yaml preview
+- brick: eo-user-or-user-group-select
+  properties:
+    label: 操作人
+    name: operator
+    placeholder: 请选择用户
+    optionsMode: user
+    isMultiple: false
+    hideAddMeQuickly: false
+  events:
+    change:
+      - action: console.log
+        args:
+          - <% EVENT.detail %>
+```
+
+### With Form Integration
+
+在表单中使用，支持必填校验和表单提交。
+
+```yaml preview
+- brick: eo-form
+  events:
+    validate.success:
+      - action: console.log
+    values.change:
+      - action: console.log
+  children:
+    - brick: eo-user-or-user-group-select
+      properties:
+        name: members
+        label: 成员
+        required: true
+        placeholder: 请选择成员
+        isMultiple: true
+        optionsMode: all
+    - brick: eo-submit-buttons
+```
+
+### Disabled Mode
+
+禁用状态，展示已选中的值但不可更改。
+
+```yaml preview
+- brick: eo-user-or-user-group-select
+  properties:
+    label: 归属用户
+    name: owner
+    disabled: true
+    value:
+      - admin
+    isMultiple: false
+    optionsMode: user
 ```

package/docs/eo-user-or-user-group-select.react.md

@@ -0,0 +1,126 @@
+---
+tagName: eo-user-or-user-group-select
+displayName: WrappedEoUserOrUserGroupSelect
+description: 用户(组)选择器
+category: form-input-business
+source: "@next-bricks/form-platform"
+---
+
+# WrappedEoUserOrUserGroupSelect
+
+> 用户(组)选择器
+
+## 导入
+
+```tsx
+import { WrappedEoUserOrUserGroupSelect } from "@easyops/wrapped-components";
+```
+
+## Props
+
+| 属性             | 类型                                    | 必填 | 默认值   | 说明                                                                                |
+| ---------------- | --------------------------------------- | ---- | -------- | ----------------------------------------------------------------------------------- |
+| name             | `string`                                | 否   | -        | 字段名称                                                                            |
+| label            | `string`                                | 否   | -        | 字段说明                                                                            |
+| required         | `boolean`                               | 否   | -        | 是否必填                                                                            |
+| placeholder      | `string`                                | 否   | -        | 字段placeholder                                                                     |
+| value            | `string[]`                              | 否   | -        | 值                                                                                  |
+| objectList       | `Partial<CmdbModels.ModelCmdbObject>[]` | 否   | -        | 模型列表（按需传递 USER/USER_GROUP 的模型定义，用于显示对应实例名称）               |
+| query            | `Record<string, any>`                   | 否   | -        | 用户和用户组 `search` 接口的 `query`，此参数比较适用于两者接口需要参数相同的情况    |
+| userQuery        | `Record<string, any>`                   | 否   | -        | 针对 `USER/instance/_search` 接口的 `query`，可能只需要针对用户做筛选的情况         |
+| userGroupQuery   | `Record<string, any>`                   | 否   | -        | 针对 `USER_GROUP/instance/_search` 接口的 `query`，可能只需要针对用户组做筛选的情况 |
+| userKey          | `"name" \| "instanceId"`                | 否   | `"name"` | 用户对象的唯一标识字段，即：value 使用的字段名                                      |
+| optionsMode      | `"user" \| "group" \| "all"`            | 是   | `"all"`  | 支持选择用户、用户组或者两者                                                        |
+| disabled         | `boolean`                               | 否   | -        | 是否禁用                                                                            |
+| isMultiple       | `boolean`                               | 是   | `true`   | 是否多选，默认为多选                                                                |
+| staticList       | `string[]`                              | 否   | -        | 固定白名单列表，该列表中的值用户不能取消                                            |
+| hideAddMeQuickly | `boolean`                               | 是   | `true`   | 快速选择我                                                                          |
+| themeVariant     | `"default" \| "elevo"`                  | 否   | -        | 主题变体                                                                            |
+
+## Events
+
+| 事件     | detail                                            | 说明         |
+| -------- | ------------------------------------------------- | ------------ |
+| onChange | `string[]` — 当前选中的用户名或用户组实例 ID 列表 | 值变化时触发 |
+
+## Examples
+
+### Basic
+
+基础用法，默认支持选择用户和用户组，多选模式。
+
+```tsx
+<WrappedEoUserOrUserGroupSelect
+  label="负责人"
+  name="user"
+  placeholder="请选择用户或用户组"
+  isMultiple={true}
+/>
+```
+
+### User Only Mode
+
+仅选择用户模式，不显示用户组选项。
+
+```tsx
+<WrappedEoUserOrUserGroupSelect
+  label="用户"
+  name="user"
+  placeholder="请选择用户"
+  optionsMode="user"
+  isMultiple={true}
+  onChange={(e) => console.log(e.detail)}
+/>
+```
+
+### Single Select with Quick Add Me
+
+单选模式，并显示"快速选择我"按钮。
+
+```tsx
+<WrappedEoUserOrUserGroupSelect
+  label="操作人"
+  name="operator"
+  placeholder="请选择用户"
+  optionsMode="user"
+  isMultiple={false}
+  hideAddMeQuickly={false}
+  onChange={(e) => console.log(e.detail)}
+/>
+```
+
+### With Form Integration
+
+在表单中使用，支持必填校验和表单提交。
+
+```tsx
+<WrappedEoForm
+  onValidateSuccess={(e) => console.log(e.detail)}
+  onValuesChange={(e) => console.log(e.detail)}
+>
+  <WrappedEoUserOrUserGroupSelect
+    name="members"
+    label="成员"
+    required={true}
+    placeholder="请选择成员"
+    isMultiple={true}
+    optionsMode="all"
+  />
+  <WrappedEoSubmitButtons />
+</WrappedEoForm>
+```
+
+### Disabled Mode
+
+禁用状态，展示已选中的值但不可更改。
+
+```tsx
+<WrappedEoUserOrUserGroupSelect
+  label="归属用户"
+  name="owner"
+  disabled={true}
+  value={["admin"]}
+  isMultiple={false}
+  optionsMode="user"
+/>
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/form-platform",
-  "version": "0.5.0",
+  "version": "0.6.1",
   "homepage": "https://github.com/easyops-cn/next-advanced-bricks/tree/master/bricks/form-platform",
   "repository": {
     "type": "git",
@@ -44,5 +44,5 @@
   "peerDependencies": {
     "@next-bricks/form": "*"
   },
-  "gitHead": "31697c98682ee9520ba3d74268e30d8609c26143"
+  "gitHead": "2670992c377a46bcaed4f3ed70431bb5441c4bb7"
 }

package/dist/chunks/562.a0776965.js

@@ -1,3 +0,0 @@
-/*! For license information please see 562.a0776965.js.LICENSE.txt */
-"use strict";(globalThis.webpackChunk_next_bricks_form_platform=globalThis.webpackChunk_next_bricks_form_platform||[]).push([[562,2052,6580,7087],{562:(e,t,r)=>{var i=r(9575),n=r(4586),s=r(4635),a=r(918),o=r(7545);function u(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,o.A)(e):"null"));return e}var l=r(5536),c=r(6121),h=r(829);function d(e,t,r){"symbol"==(0,o.A)(t)&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:r?r+" "+t:t})}catch(e){}return e}var p=r(1369);function v(e,t,r,i,n,s){var a,l,c,h,v,f,m,y=Symbol.metadata||Symbol.for("Symbol.metadata"),A=Object.defineProperty,g=Object.create,b=[g(null),g(null)],w=t.length;function k(t,r,i){return function(n,s){r&&(s=n,n=e);for(var a=0;a<t.length;a++)s=t[a].apply(n,i?[s]:[]);return i?s:n}}function E(e,t,r,i){if("function"!=typeof e&&(i||void 0!==e))throw new TypeError(t+" must "+(r||"be")+" a function"+(i?"":" or undefined"));return e}function M(e,t,r,i,n,s,u,c,h,p,v){function f(e){if(!v(e))throw new TypeError("Attempted to access private element on non-instance")}var m=[].concat(t[0]),y=t[3],g=!u,w=1===n,M=3===n,S=4===n,R=2===n;function U(t,r,i){return function(n,s){return r&&(s=n,n=e),i&&i(n),W[t].call(n,s)}}if(!g){var W={},j=[],O=M?"get":S||w?"set":"value";if(h?(p||w?W={get:d((function(){return y(this)}),i,"get"),set:function(e){t[4](this,e)}}:W[O]=y,p||d(W[O],i,R?"":O)):p||(W=Object.getOwnPropertyDescriptor(e,i)),!p&&!h){if((l=b[+c][i])&&7!=(l^n))throw Error("Decorating two elements with the same name ("+W[O].name+") is not supported yet");b[+c][i]=n<3?1:n}}for(var _=e,q=m.length-1;q>=0;q-=r?2:1){var P=E(m[q],"A decorator","be",!0),G=r?m[q-1]:void 0,B={},I={kind:["field","accessor","method","getter","setter","class"][n],name:i,metadata:a,addInitializer:function(e,t){if(e.v)throw Error("attempted to call addInitializer after decoration was finished");E(t,"An initializer","be",!0),s.push(t)}.bind(null,B)};if(g)l=P.call(G,_,I),B.v=1,E(l,"class decorators","return")&&(_=l);else if(I.static=c,I.private=h,l=I.access={has:h?v.bind():function(e){return i in e}},S||(l.get=h?R?function(e){return f(e),W.value}:U("get",0,f):function(e){return e[i]}),R||M||(l.set=h?U("set",0,f):function(e,t){e[i]=t}),_=P.call(G,w?{get:W.get,set:W.set}:W[O],I),B.v=1,w){if("object"==(0,o.A)(_)&&_)(l=E(_.get,"accessor.get"))&&(W.get=l),(l=E(_.set,"accessor.set"))&&(W.set=l),(l=E(_.init,"accessor.init"))&&j.unshift(l);else if(void 0!==_)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else E(_,(p?"field":"method")+" decorators","return")&&(p?j.unshift(_):W[O]=_)}return n<2&&u.push(k(j,c,1),k(s,c,0)),p||g||(h?w?u.splice(-1,0,U("get",c),U("set",c)):u.push(R?W[O]:E.call.bind(W[O])):A(e,i,W)),_}function S(e){return A(e,y,{configurable:!0,enumerable:!0,value:a})}return void 0!==s&&(a=s[y]),a=g(null==a?null:a),v=[],f=function(e){e&&v.push(k(e))},m=function(t,i){for(var s=0;s<r.length;s++){var a=r[s],o=a[1],l=7&o;if((8&o)==t&&!l==i){var d=a[2],f=!!a[3],m=16&o;M(t?e:e.prototype,a,m,f?"#"+d:(0,p.A)(d),l,l<2?[]:t?h=h||[]:c=c||[],v,!!t,f,i,t&&f?function(t){return u(t)===e}:n)}}},m(8,0),m(0,0),m(8,1),m(0,1),f(c),f(h),l=v,w||S(e),{e:l,get c(){var r=[];return w&&[S(e=M(e,[t],i,e.name,5,r)),k(r,1)]}}}var f,m=r(8769),y=r.n(m),A=r(870),g=r(981),b=r(9113),w=(r(4419),r(2008)),k=r(2559);function E(e,t,r,i){return t((0,k.A)(e,r),i),i}let M,S,R,U,W,j,O,_,q;const{method:P,property:G}=(0,A.createDecorators)();var B=new WeakMap,I=new WeakSet,Q=new WeakMap,L=new WeakMap,C=new WeakMap,z=new WeakMap,x=new WeakMap,$=new WeakMap;class T extends g.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,I),(0,a.A)(this,B,(M(this),!1)),(0,a.A)(this,Q,"normal"),(0,a.A)(this,L,!1),(0,a.A)(this,C,S(this)),(0,a.A)(this,z,(R(this),U(this))),(0,a.A)(this,x,(W(this),j(this))),(0,a.A)(this,$,(O(this),_(this))),q(this)}get isFormItemElement(){return!0}set validateState(e){E(I,K,this,e),this._render()}get validateState(){return(0,l.A)(I,this,F)}set notRender(e){this.hidden=e,E(I,V,this,e),this._render()}get notRender(){return(0,l.A)(I,this,N)}get $bindFormItem(){return(0,l.A)(I,this,D)}set $bindFormItem(e){E(I,H,this,e),this._render()}get helpBrick(){return(0,h.A)(C,this)}set helpBrick(e){(0,c.A)(C,this,e)}get labelBrick(){return(0,h.A)(z,this)}set labelBrick(e){(0,c.A)(z,this,e)}get labelCol(){return(0,h.A)(x,this)}set labelCol(e){(0,c.A)(x,this,e)}get wrapperCol(){return(0,h.A)($,this)}set wrapperCol(e){(0,c.A)($,this,e)}setNotRender(e){this.notRender=e}getFormElement(){let e=this;for(;(e=e.parentNode)&&e&&!e.isFormElement;);return e}}function N(e){return(0,h.A)(B,e)}function V(e,t){(0,c.A)(B,e,t)}function F(e){return(0,h.A)(Q,e)}function K(e,t){(0,c.A)(Q,e,t)}function D(e){return(0,h.A)(L,e)}function H(e,t){(0,c.A)(L,e,t)}f=T,[S,R,U,W,j,O,_,q,M]=v(f,[],[[G({attribute:!1}),1,"helpBrick"],[G({attribute:!1}),1,"labelBrick"],[G({attribute:!1}),1,"labelCol"],[G({attribute:!1}),1,"wrapperCol"],[P(),2,"setNotRender"],[P(),2,"getFormElement"]],0,void 0,g.ReactNextElement).e;var J=r(563);const X=["formElement","curElement","name","label","current","required","pattern","type","min","max","labelCol","wrapperCol","message","layout","size","trigger","valuePropsName","notRender","helpBrick","labelBrick","needValidate","validator"];var Y,Z=r(3733);let ee,te,re,ie,ne,se,ae,oe,ue,le,ce,he,de,pe,ve,fe,me,ye,Ae,ge,be,we,ke,Ee,Me,Se,Re,Ue,We,je,Oe,_e,qe,Pe,Ge,Be,Ie;const{defineElement:Qe,property:Le,event:Ce}=(0,A.createDecorators)(),ze=(0,g.wrapBrick)("eo-form-item"),xe=(0,g.wrapBrick)("eo-button"),$e=(0,g.wrapBrick)("eo-select");let Te;var Ne=new WeakMap,Ve=new WeakMap,Fe=new WeakMap,Ke=new WeakMap,De=new WeakMap,He=new WeakMap,Je=new WeakMap,Xe=new WeakMap,Ye=new WeakMap,Ze=new WeakMap,et=new WeakMap,tt=new WeakMap,rt=new WeakMap,it=new WeakMap,nt=new WeakMap,st=new WeakMap,at=new WeakMap,ot=new WeakSet;function ut(e){const t=e.objectList,r="instanceId"===e.userKey?e.userKey:"name",[n,s]=(0,m.useState)(),[a,o]=(0,m.useState)([]),[u,l]=(0,m.useState)([]),[c,h]=(0,m.useState)([]),d=(0,m.useRef)([]),p=(0,m.useMemo)((()=>{var t;if(!(0,J.isNil)(e.value))return e.isMultiple?[...e.value]:null===(t=e.value)||void 0===t?void 0:t[0]}),[e.value,e.isMultiple]),v=(0,m.useCallback)((e=>{var r,i;const n=(0,J.keyBy)(t,"objectId");return(null===(r=n[e])||void 0===r?void 0:r.view)&&(null===(i=n[e].view)||void 0===i?void 0:i.show_key)||["name"]}),[t]),f=async(t,i)=>{const n=v("USER"===t?"USER":"USER_GROUP"),s={$or:(0,J.map)((0,J.uniq)([...n,"name"]),(e=>({[e]:{$like:`%${i}%`}}))),..."USER"===t?{state:"valid"}:{}},[{list:a},{list:o}]=await Promise.all([(0,Z.n)(t,{page:1,page_size:20,fields:{...(0,J.zipObject)(n,(0,J.map)(n,(()=>!0))),name:!0},query:e.userQuery&&"USER"===t?{$and:[e.userQuery,s]}:e.userGroupQuery&&"USER_GROUP"===t?{$and:[e.userGroupQuery,s]}:e.query?{$and:[e.query,s]}:s}),(()=>{var i,s;const a="USER"===t?null===(i=e.value)||void 0===i?void 0:i.filter((e=>!e.startsWith(":"))):null===(s=e.value)||void 0===s?void 0:s.filter((e=>e.startsWith(":"))).map((e=>e.slice(1)));return null!=a&&a.length?(0,Z.n)(t,{page:1,page_size:a.length,fields:{...(0,J.zipObject)(n,(0,J.map)(n,(()=>!0))),name:!0},query:"USER"===t?{[r]:{$in:a}}:{instanceId:{$in:a}}}):Promise.resolve({list:[]})})()]);for(const e of o)a.find((t=>t.instanceId===e.instanceId))||a.push(e);return a},A=async e=>{o(await f("USER",e))},g=async e=>{const t=await f("USER_GROUP",e);l(t.map((e=>(e.instanceId=":"+e.instanceId,e))))},w=async t=>{s(t),await Promise.all([..."group"!==e.optionsMode?[A(t)]:[],..."user"!==e.optionsMode?[g(t)]:[]])},k=(0,m.useRef)();(0,m.useEffect)((()=>{var t;null!==(t=e.value)&&void 0!==t&&t.length&&!(0,J.isEqual)(e.value,k.current)&&(k.current=e.value,w(""))}),[e.value]);const E=t=>{var r;null===(r=e.onChange)||void 0===r||r.call(e,t)},M=t=>{var r;const i=null===(r=t.detail)||void 0===r?void 0:r.value,s=(0,J.filter)(Array.isArray(i)?i:i?[i]:[],(t=>!(0,J.find)(e.staticList,(e=>e===t))));s.unshift(...d.current),h(s),E(s),""!==n&&w("")},S=(e,t)=>{const r=v("USER"===e?"USER":"USER_GROUP");let i;return i=Array.isArray(r)?r.map(((e,r)=>0===r?t[e]:t[e]?"("+t[e]+")":"")).join(""):t[r],i||t.name};(0,m.useEffect)((()=>{(()=>{var t,r;const i=(null===(t=e.value)||void 0===t?void 0:t.filter((e=>!e.startsWith(":"))))||[],n=(null===(r=e.value)||void 0===r?void 0:r.filter((e=>e.startsWith(":"))))||[],s=(0,J.map)((0,J.filter)(c,(e=>{var t;return!(null!=e&&null!==(t=e.key)&&void 0!==t&&t.startsWith(":"))})),"key"),a=(0,J.map)((0,J.filter)(c,(e=>{var t;return null==e||null===(t=e.key)||void 0===t?void 0:t.startsWith(":")})),"key");return!(0,J.isEqual)([...i].sort(),[...s].sort())||!(0,J.isEqual)([...n].sort(),[...a].sort())})()&&(async()=>{if(e.value){let t=[],i=[];const n=e.value.filter((e=>!e.startsWith(":"))),s=e.value.filter((e=>e.startsWith(":"))),a=(0,J.groupBy)(e.staticList,(e=>(0,J.startsWith)(e,":")?"userGroup":"user")),u=(0,J.compact)((0,J.uniq)([].concat(a.user).concat(n))),c=(0,J.compact)((0,J.uniq)([].concat(a.userGroup).concat(s)));(a.user&&(0,J.some)(a.user,(e=>!n.includes(e)))||a.userGroup&&(0,J.some)(a.userGroup,(e=>!s.includes(e))))&&E([...u,...c]);const p=[];u.length&&"group"!==e.optionsMode&&(t=(await(0,Z.n)("USER",{query:{[r]:{$in:u}},page:1,page_size:u.length,fields:{...(0,J.zipObject)(v("USER"),(0,J.map)(v("USER"),(()=>!0))),name:!0}})).list),c.length&&"user"!==e.optionsMode&&(i=(await(0,Z.n)("USER_GROUP",{query:{instanceId:{$in:(0,J.map)(c,(e=>e.slice(1)))}},page:1,page_size:c.length,fields:{...(0,J.zipObject)(v("USER_GROUP"),(0,J.map)(v("USER_GROUP"),(()=>!0))),name:!0}})).list);let f=[...(0,J.map)(t,(t=>{var i;const n=S("USER",t),s={key:t[r],label:n};return null!==(i=e.staticList)&&void 0!==i&&i.includes(t[r])&&p.push(s),s})),...(0,J.map)(i,(t=>{var r;const i=S("USER_GROUP",t),n={key:":"+t.instanceId,label:i};return null!==(r=e.staticList)&&void 0!==r&&r.includes(":"+t.instanceId)&&p.push(n),n}))];f=[...p,...(0,J.filter)(f,(t=>{var r;return!(null!==(r=e.staticList)&&void 0!==r&&r.includes(t.key))}))],h(f),o(t),l(i),d.current=p}})()}),[]);const R=(0,m.useMemo)((()=>{let t=[],i=[];return a.length&&(t=a.map((t=>{var i;return{label:S("USER",t),value:t[r],closeable:!(null!=e&&null!==(i=e.staticList)&&void 0!==i&&i.includes(t[r])),tag:"用户(仅显示前20项，更多结果请搜索)"}}))),u.length&&(i=u.map((t=>{var r;return{label:S("USER_GROUP",t),value:t.instanceId,closeable:!(null!=e&&null!==(r=e.staticList)&&void 0!==r&&r.includes(t.instanceId)),tag:"用户组(仅显示前20项，更多结果请搜索)"}}))),"user"===e.optionsMode?t:"group"===e.optionsMode?i:[...t,...i]}),[a,u,e.optionsMode,e.staticList,r]);return y().createElement(ze,(0,i.A)({exportparts:"message"},function(e){return(0,J.pick)(e,X)}(e)),y().createElement("div",{className:"select-wrapper"},y().createElement($e,{clearable:!0,mode:e.isMultiple?"multiple":void 0,placeholder:e.placeholder,value:p,onchange:M,onfocus:()=>{((0,J.isNil)(n)||""!==n)&&w("")},onsearch:(0,J.debounce)((e=>{w(e.detail.value)}),500),options:R,disabled:e.disabled,groupBy:"tag",themeVariant:e.themeVariant}),!e.hideAddMeQuickly&&"group"!==e.optionsMode&&y().createElement(xe,{onClick:async()=>{const e=b.auth.getAuth()["instanceId"===r?"userInstanceId":"username"];if((0,J.find)(c,(t=>t===e)))return;const t=(await(0,Z.n)("USER",{query:{[r]:{$eq:e}},page:1,page_size:1,fields:{...(0,J.zipObject)(v("USER"),(0,J.map)(v("USER"),(()=>!0))),name:!0}})).list;t.length&&o([...a,...t]),M({detail:{value:[...c,e]}})},type:"link",size:"large",style:{fontSize:"16px"},icon:{lib:"easyops",icon:"quick-add-me"}})))}Y=class extends T{constructor(){super(...arguments),(0,s.A)(this,ot),(0,a.A)(this,Ne,te(this)),(0,a.A)(this,Ve,(re(this),ie(this))),(0,a.A)(this,Fe,(ne(this),se(this))),(0,a.A)(this,Ke,(ae(this),oe(this))),(0,a.A)(this,De,(ue(this),le(this))),(0,a.A)(this,He,(ce(this),he(this))),(0,a.A)(this,Je,(de(this),pe(this))),(0,a.A)(this,Xe,(ve(this),fe(this))),(0,a.A)(this,Ye,(me(this),ye(this))),(0,a.A)(this,Ze,(Ae(this),ge(this))),(0,a.A)(this,et,(be(this),we(this,"all"))),(0,a.A)(this,tt,(ke(this),Ee(this))),(0,a.A)(this,rt,(Me(this),Se(this,!0))),(0,a.A)(this,it,(Re(this),Ue(this))),(0,a.A)(this,nt,(We(this),je(this,!0))),(0,a.A)(this,st,(Oe(this),_e(this))),(0,a.A)(this,at,(qe(this),Pe(this))),(0,n.A)(this,"handleUserOrUserGroupChange",(Ie(this),e=>{Promise.resolve().then((()=>{var t;(0,l.A)(ot,this,Ge).emit(e),null===(t=this.getFormElement())||void 0===t||t.resetValidateState()}))}))}get name(){return(0,h.A)(Ne,this)}set name(e){(0,c.A)(Ne,this,e)}get label(){return(0,h.A)(Ve,this)}set label(e){(0,c.A)(Ve,this,e)}get required(){return(0,h.A)(Fe,this)}set required(e){(0,c.A)(Fe,this,e)}get placeholder(){return(0,h.A)(Ke,this)}set placeholder(e){(0,c.A)(Ke,this,e)}get value(){return(0,h.A)(De,this)}set value(e){(0,c.A)(De,this,e)}get objectList(){return(0,h.A)(He,this)}set objectList(e){(0,c.A)(He,this,e)}get query(){return(0,h.A)(Je,this)}set query(e){(0,c.A)(Je,this,e)}get userQuery(){return(0,h.A)(Xe,this)}set userQuery(e){(0,c.A)(Xe,this,e)}get userGroupQuery(){return(0,h.A)(Ye,this)}set userGroupQuery(e){(0,c.A)(Ye,this,e)}get userKey(){return(0,h.A)(Ze,this)}set userKey(e){(0,c.A)(Ze,this,e)}get optionsMode(){return(0,h.A)(et,this)}set optionsMode(e){(0,c.A)(et,this,e)}get disabled(){return(0,h.A)(tt,this)}set disabled(e){(0,c.A)(tt,this,e)}get isMultiple(){return(0,h.A)(rt,this)}set isMultiple(e){(0,c.A)(rt,this,e)}get staticList(){return(0,h.A)(it,this)}set staticList(e){(0,c.A)(it,this,e)}get hideAddMeQuickly(){return(0,h.A)(nt,this)}set hideAddMeQuickly(e){(0,c.A)(nt,this,e)}get themeVariant(){return(0,h.A)(st,this)}set themeVariant(e){(0,c.A)(st,this,e)}render(){return y().createElement(ut,{formElement:this.getFormElement(),curElement:this,name:this.name,label:this.label,placeholder:this.placeholder,required:this.required,value:this.value,validateState:this.validateState,notRender:this.notRender,helpBrick:this.helpBrick,trigger:"handleUserOrUserGroupChange",onChange:this.handleUserOrUserGroupChange,objectList:this.objectList,query:this.query,userQuery:this.userQuery,userGroupQuery:this.userGroupQuery,userKey:this.userKey,optionsMode:this.optionsMode,staticList:this.staticList,isMultiple:this.isMultiple,disabled:this.disabled,hideAddMeQuickly:this.hideAddMeQuickly,themeVariant:this.themeVariant})}},({e:[te,re,ie,ne,se,ae,oe,ue,le,ce,he,de,pe,ve,fe,me,ye,Ae,ge,be,we,ke,Ee,Me,Se,Re,Ue,We,je,Oe,_e,qe,Pe,Ge,Be,Ie],c:[Te,ee]}=v(Y,[Qe("eo-user-or-user-group-select",{styleTexts:[w.A]})],[[Le(),1,"name"],[Le(),1,"label"],[Le({type:Boolean}),1,"required"],[Le(),1,"placeholder"],[Le({attribute:!1}),1,"value"],[Le({attribute:!1}),1,"objectList"],[Le({attribute:!1}),1,"query"],[Le({attribute:!1}),1,"userQuery"],[Le({attribute:!1}),1,"userGroupQuery"],[Le(),1,"userKey"],[Le(),1,"optionsMode"],[Le({type:Boolean}),1,"disabled"],[Le({type:Boolean}),1,"isMultiple"],[Le({attribute:!1}),1,"staticList"],[Le({type:Boolean}),1,"hideAddMeQuickly"],[Le(),1,"themeVariant"],[Ce({type:"change"}),1,"changeEvent",e=>(0,h.A)(at,e),(e,t)=>(0,c.A)(at,e,t)]],0,(e=>ot.has(u(e))),T)),ee()},829:(e,t,r)=>{r.d(t,{A:()=>n});var i=r(2559);function n(e,t){return e.get((0,i.A)(e,t))}},918:(e,t,r)=>{r.d(t,{A:()=>n});var i=r(2016);function n(e,t,r){(0,i.A)(e,t),t.set(e,r)}},935:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",i=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),i&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),i&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,i,n,s){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(i)for(var o=0;o<this.length;o++){var u=this[o][0];null!=u&&(a[u]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);i&&a[c[0]]||(void 0!==s&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=s),r&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=r):c[2]=r),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),t.push(c))}},t}},1369:(e,t,r)=>{r.d(t,{A:()=>n});var i=r(7545);function n(e){var t=function(e){if("object"!=(0,i.A)(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=(0,i.A)(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,i.A)(t)?t:t+""}},2008:(e,t,r)=>{r.d(t,{A:()=>o});var i=r(6758),n=r.n(i),s=r(935),a=r.n(s)()(n());a.push([e.id,":host{display:inline-block}:host([hidden]){display:none}.select-wrapper{display:flex;align-items:center}eo-select{width:100%}",""]);const o=a.toString()},2016:(e,t,r)=>{function i(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(t,{A:()=>i})},2559:(e,t,r)=>{function i(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}r.d(t,{A:()=>i})},3733:(e,t,r)=>{r.d(t,{n:()=>s});var i=r(6330),n=r(1361),s=function(){var e=(0,i.A)((function*(e,t,r){return(yield n.http.post("api/gateway/cmdb.instance.PostSearch/object/".concat(e,"/instance/_search"),t,r)).data}));return function(t,r,i){return e.apply(this,arguments)}}()},4586:(e,t,r)=>{r.d(t,{A:()=>n});var i=r(1369);function n(e,t,r){return(t=(0,i.A)(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},4635:(e,t,r)=>{r.d(t,{A:()=>n});var i=r(2016);function n(e,t){(0,i.A)(e,t),t.add(e)}},5536:(e,t,r)=>{r.d(t,{A:()=>n});var i=r(2559);function n(e,t,r){return r((0,i.A)(e,t))}},6121:(e,t,r)=>{r.d(t,{A:()=>n});var i=r(2559);function n(e,t,r){return e.set((0,i.A)(e,t),r),r}},6330:(e,t,r)=>{function i(e,t,r,i,n,s,a){try{var o=e[s](a),u=o.value}catch(e){return void r(e)}o.done?t(u):Promise.resolve(u).then(i,n)}function n(e){return function(){var t=this,r=arguments;return new Promise((function(n,s){var a=e.apply(t,r);function o(e){i(a,n,s,o,u,"next",e)}function u(e){i(a,n,s,o,u,"throw",e)}o(void 0)}))}}r.d(t,{A:()=>n})},6758:e=>{e.exports=function(e){return e[1]}},7545:(e,t,r)=>{function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}r.d(t,{A:()=>i})},9575:(e,t,r)=>{function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},i.apply(this,arguments)}r.d(t,{A:()=>i})}}]);
-//# sourceMappingURL=562.a0776965.js.map