@qxs-bns/components 0.0.89 → 0.0.91

package/es/src/ui/select/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/select/index.ts"],"sourcesContent":["import { computed, defineComponent, h, inject, type InjectionKey, type PropType, provide, ref, type Ref, watch } from 'vue'\n\nexport type SelectSize = 'large' | 'default' | 'small'\n\ninterface SelectContext {\n  modelValue: Ref<any>\n  multiple: Ref<boolean>\n  handleSelect: (value: any, label: string) => void\n  registerOption: (value: any, label: string) => void\n}\n\nconst SELECT_INJECTION_KEY: InjectionKey<SelectContext> = Symbol('QxsSelect')\n\nexport const QxsOption = defineComponent({\n  name: 'QxsOption',\n  props: {\n    value: { type: [String, Number, Boolean, Object], required: true },\n    label: { type: String, default: '' },\n    disabled: { type: Boolean, default: false },\n  },\n  setup(props, { slots }) {\n    const select = inject(SELECT_INJECTION_KEY)\n\n    if (!select) {\n      console.warn('QxsOption must be used inside QxsSelect')\n      return () => null\n    }\n\n    select.registerOption(props.value, props.label || String(props.value))\n\n    const isSelected = computed(() => {\n      if (select.multiple.value) {\n        return Array.isArray(select.modelValue.value)\n          && select.modelValue.value.includes(props.value)\n      }\n      return select.modelValue.value === props.value\n    })\n\n    const handleClick = () => {\n      if (props.disabled) { return }\n      select.handleSelect(props.value, props.label || String(props.value))\n    }\n\n    return () => h('div', {\n      class: [\n        'qxs-option',\n        {\n          'is-selected': isSelected.value,\n          'is-disabled': props.disabled,\n        },\n      ],\n      onClick: handleClick,\n      style: {\n        padding: '4px 8px',\n        cursor: props.disabled ? 'not-allowed' : 'pointer',\n        backgroundColor: isSelected.value ? 'rgba(61, 97, 227, 0.1)' : 'transparent',\n        color: isSelected.value ? 'var(--qxs-color-primary, #3D61E3)' : props.disabled ? '#c0c4cc' : '#606266',\n        fontSize: '14px',\n        lineHeight: '1.25',\n        borderRadius: '4px',\n        fontWeight: isSelected.value ? '500' : '400',\n        marginBottom: '2px',\n      },\n      onMouseenter: (e: MouseEvent) => {\n        if (!props.disabled) {\n          (e.currentTarget as HTMLElement).style.backgroundColor\n            = isSelected.value ? 'rgba(61, 97, 227, 0.1)' : '#f5f7fa'\n        }\n      },\n      onMouseleave: (e: MouseEvent) => {\n        if (!props.disabled) {\n          (e.currentTarget as HTMLElement).style.backgroundColor\n            = isSelected.value ? 'rgba(61, 97, 227, 0.1)' : 'transparent'\n        }\n      },\n    }, slots.default?.() || props.label)\n  },\n})\n\nexport const QxsSelect = defineComponent({\n  name: 'QxsSelect',\n  props: {\n    modelValue: { type: [String, Number, Boolean, Array, Object], default: '' },\n    disabled: { type: Boolean, default: false },\n    placeholder: { type: String, default: '请选择' },\n    clearable: { type: Boolean, default: false },\n    multiple: { type: Boolean, default: false },\n    size: { type: String as PropType<SelectSize>, default: 'default' },\n    filterable: { type: Boolean, default: false },\n  },\n  emits: ['update:modelValue', 'change', 'clear', 'visible-change', 'remove-tag', 'focus', 'blur'],\n  setup(props, { slots, emit }) {\n    const visible = ref(false)\n    const selectedLabel = ref('')\n    const inputRef = ref<HTMLInputElement>()\n    const selectedTags = ref<{ value: any, label: string }[]>([])\n    const optionsMap = ref<Map<any, string>>(new Map())\n\n    const registerOption = (value: any, label: string) => {\n      optionsMap.value.set(value, label)\n    }\n\n    watch(() => props.modelValue, (newVal) => {\n      if (props.multiple && Array.isArray(newVal)) {\n        selectedTags.value = newVal.map(v => ({\n          value: v,\n          label: optionsMap.value.get(v) || String(v),\n        }))\n      }\n    }, { immediate: true, deep: true })\n\n    const displayValue = computed(() => {\n      if (props.multiple && Array.isArray(props.modelValue)) {\n        return props.modelValue.length > 0 ? `已选择 ${props.modelValue.length} 项` : ''\n      }\n      return selectedLabel.value\n    })\n\n    const handleSelect = (value: any, label: string) => {\n      if (props.multiple) {\n        const values = Array.isArray(props.modelValue) ? [...props.modelValue] : []\n        const index = values.findIndex(v => v === value)\n\n        if (index > -1) {\n          values.splice(index, 1)\n          const tagIndex = selectedTags.value.findIndex(t => t.value === value)\n          if (tagIndex > -1) {\n            selectedTags.value.splice(tagIndex, 1)\n          }\n          emit('remove-tag', value)\n        }\n        else {\n          values.push(value)\n          selectedTags.value.push({ value, label })\n        }\n\n        emit('update:modelValue', values)\n        emit('change', values)\n      }\n      else {\n        selectedLabel.value = label\n        emit('update:modelValue', value)\n        emit('change', value)\n        visible.value = false\n      }\n    }\n\n    const removeTag = (value: any, e: MouseEvent) => {\n      e.stopPropagation()\n      if (props.multiple) {\n        const values = Array.isArray(props.modelValue) ? [...props.modelValue] : []\n        const index = values.findIndex(v => v === value)\n\n        if (index > -1) {\n          values.splice(index, 1)\n          const tagIndex = selectedTags.value.findIndex(t => t.value === value)\n          if (tagIndex > -1) {\n            selectedTags.value.splice(tagIndex, 1)\n          }\n          emit('remove-tag', value)\n          emit('update:modelValue', values)\n          emit('change', values)\n        }\n      }\n    }\n\n    const handleClear = (e: MouseEvent) => {\n      e.stopPropagation()\n      if (props.multiple) {\n        emit('update:modelValue', [])\n        selectedTags.value = []\n      }\n      else {\n        emit('update:modelValue', '')\n        selectedLabel.value = ''\n      }\n      emit('clear')\n    }\n\n    const toggleDropdown = () => {\n      if (props.disabled) { return }\n      visible.value = !visible.value\n      emit('visible-change', visible.value)\n    }\n\n    const handleFocus = (e: FocusEvent) => {\n      emit('focus', e)\n    }\n\n    const handleBlur = (e: FocusEvent) => {\n      emit('blur', e)\n    }\n\n    provide(SELECT_INJECTION_KEY, {\n      modelValue: computed(() => props.modelValue),\n      multiple: computed(() => props.multiple),\n      handleSelect,\n      registerOption,\n    })\n\n    const inputHeight = computed(() => {\n      return props.size === 'large' ? '40px' : props.size === 'small' ? '24px' : '32px'\n    })\n\n    return () => h('div', {\n      class: [\n        'qxs-select',\n        `qxs-select--${props.size}`,\n        {\n          'is-disabled': props.disabled,\n          'is-focus': visible.value,\n        },\n      ],\n      style: {\n        position: 'relative',\n        display: 'inline-block',\n        width: '100%',\n      },\n    }, [\n      h('div', {\n        class: 'qxs-select__wrapper',\n        onClick: toggleDropdown,\n        style: {\n          position: 'relative',\n          cursor: props.disabled ? 'not-allowed' : 'pointer',\n        },\n      }, [\n        props.multiple\n          ? h('div', {\n              class: 'qxs-select__tags',\n              style: {\n                display: 'flex',\n                flexWrap: 'wrap',\n                gap: '4px',\n                padding: '4px 30px 4px 8px',\n                minHeight: inputHeight.value,\n                border: '1px solid hsl(214.3 31.8% 91.4%)',\n                borderRadius: '6px',\n                backgroundColor: props.disabled ? 'hsl(210 40% 96.1%)' : '#fff',\n                cursor: props.disabled ? 'not-allowed' : 'pointer',\n                alignItems: 'center',\n              },\n            }, [\n              ...selectedTags.value.map(tag => h('span', {\n                class: 'qxs-select__tag',\n                style: {\n                  display: 'inline-flex',\n                  alignItems: 'center',\n                  gap: '2px',\n                  padding: '1px 6px',\n                  backgroundColor: 'var(--qxs-color-primary, #3D61E3)',\n                  border: 'none',\n                  borderRadius: '4px',\n                  fontSize: '12px',\n                  color: '#fff',\n                  fontWeight: '500',\n                  lineHeight: '1.2',\n                },\n              }, [\n                h('span', null, tag.label),\n                !props.disabled && h('span', {\n                  class: 'qxs-select__tag-close',\n                  onClick: (e: MouseEvent) => removeTag(tag.value, e),\n                  style: {\n                    cursor: 'pointer',\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    width: '12px',\n                    height: '12px',\n                    borderRadius: '50%',\n                    fontSize: '9px',\n                    color: '#fff',\n                    transition: 'all 0.2s',\n                  },\n                  onMouseenter: (e: MouseEvent) => {\n                    const el = e.currentTarget as HTMLElement\n                    el.style.backgroundColor = 'rgba(255, 255, 255, 0.2)'\n                  },\n                  onMouseleave: (e: MouseEvent) => {\n                    const el = e.currentTarget as HTMLElement\n                    el.style.backgroundColor = 'transparent'\n                  },\n                }, '×'),\n              ])),\n              selectedTags.value.length === 0 && h('span', {\n                style: {\n                  color: 'hsl(215 20.2% 65.1%)',\n                  fontSize: '14px',\n                },\n              }, props.placeholder),\n            ])\n          : h('input', {\n              ref: inputRef,\n              class: 'qxs-select__inner',\n              type: 'text',\n              readonly: !props.filterable,\n              value: displayValue.value,\n              placeholder: props.placeholder,\n              disabled: props.disabled,\n              onFocus: handleFocus,\n              onBlur: handleBlur,\n              style: {\n                width: '100%',\n                height: inputHeight.value,\n                padding: '0 30px 0 12px',\n                border: '1px solid hsl(214.3 31.8% 91.4%)',\n                borderRadius: '6px',\n                outline: 'none',\n                fontSize: '14px',\n                backgroundColor: props.disabled ? 'hsl(210 40% 96.1%)' : '#fff',\n                cursor: props.disabled ? 'not-allowed' : 'pointer',\n                transition: 'border-color 0.2s',\n              },\n            }),\n        h('span', {\n          class: 'qxs-select__suffix',\n          style: {\n            position: 'absolute',\n            right: '10px',\n            top: '50%',\n            transform: 'translateY(-50%)',\n            display: 'flex',\n            alignItems: 'center',\n            gap: '4px',\n          },\n        }, [\n          props.clearable && displayValue.value && !props.disabled && h('span', {\n            class: 'qxs-select__clear',\n            onClick: handleClear,\n            style: {\n              fontSize: '14px',\n              cursor: 'pointer',\n            },\n          }, '×'),\n          h('span', {\n            class: 'qxs-select__caret',\n            style: {\n              fontSize: '12px',\n              transform: visible.value ? 'rotate(180deg)' : 'rotate(0deg)',\n              transition: 'transform 0.3s',\n            },\n          }, '▼'),\n        ]),\n      ]),\n      visible.value && h('div', {\n        class: 'qxs-select__dropdown',\n        style: {\n          position: 'absolute',\n          top: '100%',\n          left: '0',\n          right: '0',\n          marginTop: '4px',\n          backgroundColor: '#fff',\n          border: '1px solid hsl(214.3 31.8% 91.4%)',\n          borderRadius: '6px',\n          boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)',\n          zIndex: 2000,\n          maxHeight: '274px',\n          overflowY: 'auto',\n          padding: '4px',\n        },\n      }, slots.default?.()),\n    ])\n  },\n})\n\nexport default QxsSelect\n"],"names":["SELECT_INJECTION_KEY","Symbol","QxsOption","defineComponent","name","props","value","type","String","Number","Boolean","Object","required","label","default","disabled","setup","_ref","slots","select","inject","registerOption","isSelected","computed","multiple","Array","isArray","modelValue","includes","handleClick","handleSelect","h","class","onClick","style","padding","cursor","backgroundColor","color","fontSize","lineHeight","borderRadius","fontWeight","marginBottom","onMouseenter","e","currentTarget","onMouseleave","QxsSelect","placeholder","clearable","size","filterable","emits","_ref2","emit","visible","ref","selectedLabel","inputRef","selectedTags","optionsMap","Map","watch","newVal","map","v","get","immediate","deep","displayValue","length","handleClear","stopPropagation","toggleDropdown","handleFocus","handleBlur","provide","values","index","findIndex","splice","tagIndex","t","push","set","inputHeight","position","display","width","flexWrap","gap","minHeight","border","alignItems","tag","removeTag","justifyContent","height","transition","readonly","onFocus","onBlur","outline","right","top","transform","left","marginTop","boxShadow","zIndex","maxHeight","overflowY"],"mappings":"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"}

package/es/src/ui/table/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as e,inject as t,ref as l,reactive as r,provide as a,computed as s,h as n}from"vue";const o=Symbol("tableColumns"),d=Symbol("tableRegisterColumn"),i=e({name:"QxsTableColumn",props:{prop:{type:String,default:""},label:{type:String,default:""},width:{type:[String,Number],default:""},minWidth:{type:[String,Number],default:""},align:{type:String,default:"left"},sortable:{type:Boolean,default:!1},fixed:{type:[String,Boolean],default:!1},showOverflowTooltip:{type:Boolean,default:!1}},setup(e,l){let{slots:r}=l;const a=t(d),s={prop:e.prop,label:e.label,width:e.width,minWidth:e.minWidth,align:e.align,sortable:e.sortable,fixed:e.fixed,renderHeader:()=>r.header?n("div",{},r.header()):e.label,renderCell:t=>r.default?n("div",{},r.default({row:t})):e.prop?t[e.prop]??"--":"--"};return a&&a(s),()=>null}}),p=e({name:"QxsTable",props:{data:{type:Array,default:()=>[]},stripe:{type:Boolean,default:!1},border:{type:Boolean,default:!1},height:{type:[String,Number],default:""},rowKey:{type:[String,Function],default:""},emptyText:{type:String,default:"暂无数据"}},setup(e,t){let{slots:i}=t;const p=l([]),c=r({prop:null,order:null});a(d,e=>{p.value.push(e)}),a(o,p);const u=s(()=>{if(!c.prop||!c.order)return e.data;const t=[...e.data],{prop:l,order:r}=c;return t.sort((e,t)=>{const a=e[l],s=t[l];if(a===s)return 0;const n=a>s?1:-1;return"ascending"===r?n:-n})}),b=(t,l)=>"function"==typeof e.rowKey?e.rowKey(t):"string"==typeof e.rowKey&&e.rowKey?t[e.rowKey]:String(l),h=()=>n("thead",{class:"qxs-table__header"},[n("tr",{},p.value.map(e=>{const t=["qxs-table__cell",`qxs-table__cell--${e.align||"left"}`,{"qxs-table__cell--sortable":e.sortable,"is-sorting":c.prop===e.prop}],l={};e.width&&(l.width="number"==typeof e.width?`${e.width}px`:e.width),e.minWidth&&(l.minWidth="number"==typeof e.minWidth?`${e.minWidth}px`:e.minWidth);const r=e.renderHeader?e.renderHeader():e.label,a=e.sortable?n("span",{class:"qxs-table__sort-icon"},[n("i",{class:["qxs-table__sort-caret","ascending",{"is-active":c.prop===e.prop&&"ascending"===c.order}]}),n("i",{class:["qxs-table__sort-caret","descending",{"is-active":c.prop===e.prop&&"descending"===c.order}]})]):null;return n("th",{class:t,style:l,onClick:()=>(e=>{e.sortable&&e.prop&&(c.prop===e.prop?"ascending"===c.order?c.order="descending":"descending"===c.order?(c.prop=null,c.order=null):c.order="ascending":(c.prop=e.prop,c.order="ascending"))})(e)},[n("div",{class:"qxs-table__cell-content"},[r,a])])}))]);return()=>{i.default&&i.default();const t=["qxs-table",{"qxs-table--striped":e.stripe,"qxs-table--border":e.border}],l={};return e.height&&(l.height="number"==typeof e.height?`${e.height}px`:e.height),n("div",{class:"qxs-table-wrapper",style:l},[n("table",{class:t},[h(),u.value.length?n("tbody",{class:"qxs-table__body"},u.value.map((t,l)=>{const r=["qxs-table__row",{"qxs-table__row--striped":e.stripe&&l%2==1}];return n("tr",{class:r,key:b(t,l)},p.value.map(e=>{const r=["qxs-table__cell",`qxs-table__cell--${e.align||"left"}`],a={};e.width&&(a.width="number"==typeof e.width?`${e.width}px`:e.width),e.minWidth&&(a.minWidth="number"==typeof e.minWidth?`${e.minWidth}px`:e.minWidth);const s=e.renderCell?e.renderCell(t,l):"--";return n("td",{class:r,style:a},[n("div",{class:"qxs-table__cell-content"},[s])])}))})):n("tbody",{class:"qxs-table__body"},[n("tr",{class:"qxs-table__empty-row"},[n("td",{class:"qxs-table__empty-cell",colspan:p.value.length},[n("div",{class:"qxs-table__empty-text"},[i.empty?i.empty():e.emptyText])])])])])])}}});export{p as QxsTable,i as QxsTableColumn,p as default};
+//# sourceMappingURL=index.mjs.map

package/es/src/ui/table/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/table/index.ts"],"sourcesContent":["import { computed, defineComponent, h, inject, type PropType, provide, reactive, ref, type Ref, type VNode } from 'vue'\n\n// Types\nexport type TableColumnAlign = 'left' | 'center' | 'right'\nexport type TableColumnFixed = 'left' | 'right' | boolean\n\nexport interface TableColumnConfig {\n  prop?: string\n  label?: string\n  width?: string | number\n  minWidth?: string | number\n  align?: TableColumnAlign\n  sortable?: boolean\n  fixed?: TableColumnFixed\n  renderHeader?: () => VNode | string\n  renderCell?: (row: any, index: number) => VNode | string\n}\n\ninterface SortState {\n  prop: string | null\n  order: 'ascending' | 'descending' | null\n}\n\n// Provide/Inject keys\nconst TABLE_COLUMNS_KEY = Symbol('tableColumns')\nconst TABLE_REGISTER_COLUMN_KEY = Symbol('tableRegisterColumn')\n\n// QxsTableColumn Component\nexport const QxsTableColumn = defineComponent({\n  name: 'QxsTableColumn',\n  props: {\n    prop: { type: String, default: '' },\n    label: { type: String, default: '' },\n    width: { type: [String, Number], default: '' },\n    minWidth: { type: [String, Number], default: '' },\n    align: { type: String as PropType<TableColumnAlign>, default: 'left' },\n    sortable: { type: Boolean, default: false },\n    fixed: { type: [String, Boolean] as PropType<TableColumnFixed>, default: false },\n    showOverflowTooltip: { type: Boolean, default: false },\n  },\n  setup(props, { slots }) {\n    const registerColumn = inject<(config: TableColumnConfig) => void>(TABLE_REGISTER_COLUMN_KEY)\n\n    const columnConfig: TableColumnConfig = {\n      prop: props.prop,\n      label: props.label,\n      width: props.width,\n      minWidth: props.minWidth,\n      align: props.align,\n      sortable: props.sortable,\n      fixed: props.fixed,\n      renderHeader: () => {\n        if (slots.header) {\n          return h('div', {}, slots.header())\n        }\n        return props.label\n      },\n      renderCell: (row: any) => {\n        if (slots.default) {\n          return h('div', {}, slots.default({ row }))\n        }\n        return props.prop ? (row[props.prop] ?? '--') : '--'\n      },\n    }\n\n    if (registerColumn) {\n      registerColumn(columnConfig)\n    }\n\n    return () => null\n  },\n})\n\n// QxsTable Component\nexport const QxsTable = defineComponent({\n  name: 'QxsTable',\n  props: {\n    data: { type: Array as PropType<any[]>, default: () => [] },\n    stripe: { type: Boolean, default: false },\n    border: { type: Boolean, default: false },\n    height: { type: [String, Number], default: '' },\n    rowKey: { type: [String, Function] as PropType<string | ((row: any) => string)>, default: '' },\n    emptyText: { type: String, default: '暂无数据' },\n  },\n  setup(props, { slots }) {\n    const columns: Ref<TableColumnConfig[]> = ref([])\n    const sortState = reactive<SortState>({ prop: null, order: null })\n\n    // Register column\n    const registerColumn = (config: TableColumnConfig) => {\n      columns.value.push(config)\n    }\n\n    provide(TABLE_REGISTER_COLUMN_KEY, registerColumn)\n    provide(TABLE_COLUMNS_KEY, columns)\n\n    // Sorted data\n    const sortedData = computed(() => {\n      if (!sortState.prop || !sortState.order) {\n        return props.data\n      }\n\n      const data = [...props.data]\n      const { prop, order } = sortState\n\n      return data.sort((a, b) => {\n        const aVal = a[prop]\n        const bVal = b[prop]\n\n        if (aVal === bVal) { return 0 }\n\n        const result = aVal > bVal ? 1 : -1\n        return order === 'ascending' ? result : -result\n      })\n    })\n\n    // Handle sort\n    const handleSort = (column: TableColumnConfig) => {\n      if (!column.sortable || !column.prop) { return }\n\n      if (sortState.prop === column.prop) {\n        if (sortState.order === 'ascending') {\n          sortState.order = 'descending'\n        }\n        else if (sortState.order === 'descending') {\n          sortState.prop = null\n          sortState.order = null\n        }\n        else {\n          sortState.order = 'ascending'\n        }\n      }\n      else {\n        sortState.prop = column.prop\n        sortState.order = 'ascending'\n      }\n    }\n\n    // Get row key\n    const getRowKey = (row: any, index: number): string => {\n      if (typeof props.rowKey === 'function') {\n        return props.rowKey(row)\n      }\n      if (typeof props.rowKey === 'string' && props.rowKey) {\n        return row[props.rowKey]\n      }\n      return String(index)\n    }\n\n    // Render table header\n    const renderHeader = () => {\n      return h('thead', { class: 'qxs-table__header' }, [\n        h('tr', {}, columns.value.map((column) => {\n          const thClass = [\n            'qxs-table__cell',\n            `qxs-table__cell--${column.align || 'left'}`,\n            {\n              'qxs-table__cell--sortable': column.sortable,\n              'is-sorting': sortState.prop === column.prop,\n            },\n          ]\n\n          const thStyle: Record<string, string> = {}\n          if (column.width) {\n            thStyle.width = typeof column.width === 'number' ? `${column.width}px` : column.width\n          }\n          if (column.minWidth) {\n            thStyle.minWidth = typeof column.minWidth === 'number' ? `${column.minWidth}px` : column.minWidth\n          }\n\n          const headerContent = column.renderHeader ? column.renderHeader() : column.label\n\n          const sortIcon = column.sortable\n            ? h('span', { class: 'qxs-table__sort-icon' }, [\n                h('i', {\n                  class: [\n                    'qxs-table__sort-caret',\n                    'ascending',\n                    { 'is-active': sortState.prop === column.prop && sortState.order === 'ascending' },\n                  ],\n                }),\n                h('i', {\n                  class: [\n                    'qxs-table__sort-caret',\n                    'descending',\n                    { 'is-active': sortState.prop === column.prop && sortState.order === 'descending' },\n                  ],\n                }),\n              ])\n            : null\n\n          return h('th', {\n            class: thClass,\n            style: thStyle,\n            onClick: () => handleSort(column),\n          }, [\n            h('div', { class: 'qxs-table__cell-content' }, [\n              headerContent,\n              sortIcon,\n            ]),\n          ])\n        })),\n      ])\n    }\n\n    // Render table body\n    const renderBody = () => {\n      if (!sortedData.value.length) {\n        return h('tbody', { class: 'qxs-table__body' }, [\n          h('tr', { class: 'qxs-table__empty-row' }, [\n            h('td', {\n              class: 'qxs-table__empty-cell',\n              colspan: columns.value.length,\n            }, [\n              h('div', { class: 'qxs-table__empty-text' }, [\n                slots.empty ? slots.empty() : props.emptyText,\n              ]),\n            ]),\n          ]),\n        ])\n      }\n\n      return h('tbody', { class: 'qxs-table__body' }, sortedData.value.map((row, rowIndex) => {\n        const rowClass = [\n          'qxs-table__row',\n          {\n            'qxs-table__row--striped': props.stripe && rowIndex % 2 === 1,\n          },\n        ]\n\n        return h('tr', {\n          class: rowClass,\n          key: getRowKey(row, rowIndex),\n        }, columns.value.map((column) => {\n          const tdClass = [\n            'qxs-table__cell',\n            `qxs-table__cell--${column.align || 'left'}`,\n          ]\n\n          const tdStyle: Record<string, string> = {}\n          if (column.width) {\n            tdStyle.width = typeof column.width === 'number' ? `${column.width}px` : column.width\n          }\n          if (column.minWidth) {\n            tdStyle.minWidth = typeof column.minWidth === 'number' ? `${column.minWidth}px` : column.minWidth\n          }\n\n          const cellContent = column.renderCell ? column.renderCell(row, rowIndex) : '--'\n\n          return h('td', {\n            class: tdClass,\n            style: tdStyle,\n          }, [\n            h('div', { class: 'qxs-table__cell-content' }, [cellContent]),\n          ])\n        }))\n      }))\n    }\n\n    return () => {\n      // Render default slot to collect columns\n      if (slots.default) {\n        slots.default()\n      }\n\n      const tableClass = [\n        'qxs-table',\n        {\n          'qxs-table--striped': props.stripe,\n          'qxs-table--border': props.border,\n        },\n      ]\n\n      const tableStyle: Record<string, string> = {}\n      if (props.height) {\n        tableStyle.height = typeof props.height === 'number' ? `${props.height}px` : props.height\n      }\n\n      return h('div', {\n        class: 'qxs-table-wrapper',\n        style: tableStyle,\n      }, [\n        h('table', { class: tableClass }, [\n          renderHeader(),\n          renderBody(),\n        ]),\n      ])\n    }\n  },\n})\n\nexport default QxsTable\n"],"names":["TABLE_COLUMNS_KEY","Symbol","TABLE_REGISTER_COLUMN_KEY","QxsTableColumn","defineComponent","name","props","prop","type","String","default","label","width","Number","minWidth","align","sortable","Boolean","fixed","showOverflowTooltip","setup","_ref","slots","registerColumn","inject","columnConfig","renderHeader","header","h","renderCell","row","QxsTable","data","Array","stripe","border","height","rowKey","Function","emptyText","_ref2","columns","ref","sortState","reactive","order","provide","config","value","push","sortedData","computed","sort","a","b","aVal","bVal","result","getRowKey","index","class","map","column","thClass","thStyle","headerContent","sortIcon","style","onClick","handleSort","tableClass","tableStyle","length","rowIndex","rowClass","key","tdClass","tdStyle","cellContent","colspan","empty"],"mappings":"2GAwBA,MAAMA,EAAoBC,OAAO,gBAC3BC,EAA4BD,OAAO,uBAG5BE,EAAiBC,EAAgB,CAC5CC,KAAM,iBACNC,MAAO,CACLC,KAAM,CAAEC,KAAMC,OAAQC,QAAS,IAC/BC,MAAO,CAAEH,KAAMC,OAAQC,QAAS,IAChCE,MAAO,CAAEJ,KAAM,CAACC,OAAQI,QAASH,QAAS,IAC1CI,SAAU,CAAEN,KAAM,CAACC,OAAQI,QAASH,QAAS,IAC7CK,MAAO,CAAEP,KAAMC,OAAsCC,QAAS,QAC9DM,SAAU,CAAER,KAAMS,QAASP,SAAS,GACpCQ,MAAO,CAAEV,KAAM,CAACC,OAAQQ,SAAwCP,SAAS,GACzES,oBAAqB,CAAEX,KAAMS,QAASP,SAAS,IAEjDU,KAAAA,CAAMd,EAAAe,GAAkB,IAAXC,MAAEA,GAAMD,EACnB,MAAME,EAAiBC,EAA4CtB,GAE7DuB,EAAkC,CACtClB,KAAMD,EAAMC,KACZI,MAAOL,EAAMK,MACbC,MAAON,EAAMM,MACbE,SAAUR,EAAMQ,SAChBC,MAAOT,EAAMS,MACbC,SAAUV,EAAMU,SAChBE,MAAOZ,EAAMY,MACbQ,aAAcA,IACRJ,EAAMK,OACDC,EAAE,MAAO,CAAA,EAAIN,EAAMK,UAErBrB,EAAMK,MAEfkB,WAAaC,GACPR,EAAMZ,QACDkB,EAAE,MAAO,GAAIN,EAAMZ,QAAQ,CAAEoB,SAE/BxB,EAAMC,KAAQuB,EAAIxB,EAAMC,OAAS,KAAQ,MAQpD,OAJIgB,GACFA,EAAeE,GAGV,IAAM,IACf,IAIWM,EAAW3B,EAAgB,CACtCC,KAAM,WACNC,MAAO,CACL0B,KAAM,CAAExB,KAAMyB,MAA0BvB,QAASA,IAAM,IACvDwB,OAAQ,CAAE1B,KAAMS,QAASP,SAAS,GAClCyB,OAAQ,CAAE3B,KAAMS,QAASP,SAAS,GAClC0B,OAAQ,CAAE5B,KAAM,CAACC,OAAQI,QAASH,QAAS,IAC3C2B,OAAQ,CAAE7B,KAAM,CAACC,OAAQ6B,UAAwD5B,QAAS,IAC1F6B,UAAW,CAAE/B,KAAMC,OAAQC,QAAS,SAEtCU,KAAAA,CAAMd,EAAAkC,GAAkB,IAAXlB,MAAEA,GAAMkB,EACnB,MAAMC,EAAoCC,EAAI,IACxCC,EAAYC,EAAoB,CAAErC,KAAM,KAAMsC,MAAO,OAO3DC,EAAQ5C,EAJgB6C,IACtBN,EAAQO,MAAMC,KAAKF,KAIrBD,EAAQ9C,EAAmByC,GAG3B,MAAMS,EAAaC,EAAS,KAC1B,IAAKR,EAAUpC,OAASoC,EAAUE,MAChC,OAAOvC,EAAM0B,KAGf,MAAMA,EAAO,IAAI1B,EAAM0B,OACjBzB,KAAEA,EAAAsC,MAAMA,GAAUF,EAExB,OAAOX,EAAKoB,KAAK,CAACC,EAAGC,KACnB,MAAMC,EAAOF,EAAE9C,GACTiD,EAAOF,EAAE/C,GAEf,GAAIgD,IAASC,EAAQ,OAAO,EAE5B,MAAMC,EAASF,EAAOC,EAAO,GAAI,EACjC,MAAiB,cAAVX,EAAwBY,GAAUA,MA2BvCC,EAAYA,CAAC5B,EAAU6B,IACC,mBAAjBrD,EAAM+B,OACR/B,EAAM+B,OAAOP,GAEM,iBAAjBxB,EAAM+B,QAAuB/B,EAAM+B,OACrCP,EAAIxB,EAAM+B,QAEZ5B,OAAOkD,GAIVjC,EAAeA,IACZE,EAAE,QAAS,CAAEgC,MAAO,qBAAuB,CAChDhC,EAAE,KAAM,CAAA,EAAIa,EAAQO,MAAMa,IAAKC,IAC7B,MAAMC,EAAU,CACd,kBACA,oBAAoBD,EAAO/C,OAAS,SACpC,CACE,4BAA6B+C,EAAO9C,SACpC,aAAc2B,EAAUpC,OAASuD,EAAOvD,OAItCyD,EAAkC,CAAA,EACpCF,EAAOlD,QACToD,EAAQpD,MAAgC,iBAAjBkD,EAAOlD,MAAqB,GAAGkD,EAAOlD,UAAYkD,EAAOlD,OAE9EkD,EAAOhD,WACTkD,EAAQlD,SAAsC,iBAApBgD,EAAOhD,SAAwB,GAAGgD,EAAOhD,aAAegD,EAAOhD,UAG3F,MAAMmD,EAAgBH,EAAOpC,aAAeoC,EAAOpC,eAAiBoC,EAAOnD,MAErEuD,EAAWJ,EAAO9C,SACpBY,EAAE,OAAQ,CAAEgC,MAAO,wBAA0B,CAC3ChC,EAAE,IAAK,CACLgC,MAAO,CACL,wBACA,YACA,CAAE,YAAajB,EAAUpC,OAASuD,EAAOvD,MAA4B,cAApBoC,EAAUE,UAG/DjB,EAAE,IAAK,CACLgC,MAAO,CACL,wBACA,aACA,CAAE,YAAajB,EAAUpC,OAASuD,EAAOvD,MAA4B,eAApBoC,EAAUE,YAIjE,KAEJ,OAAOjB,EAAE,KAAM,CACbgC,MAAOG,EACPI,MAAOH,EACPI,QAASA,IA7EGN,KACbA,EAAO9C,UAAa8C,EAAOvD,OAE5BoC,EAAUpC,OAASuD,EAAOvD,KACJ,cAApBoC,EAAUE,MACZF,EAAUE,MAAQ,aAES,eAApBF,EAAUE,OACjBF,EAAUpC,KAAO,KACjBoC,EAAUE,MAAQ,MAGlBF,EAAUE,MAAQ,aAIpBF,EAAUpC,KAAOuD,EAAOvD,KACxBoC,EAAUE,MAAQ,eA4DCwB,CAAWP,IACzB,CACDlC,EAAE,MAAO,CAAEgC,MAAO,2BAA6B,CAC7CK,EACAC,WA6DV,MAAO,KAED5C,EAAMZ,SACRY,EAAMZ,UAGR,MAAM4D,EAAa,CACjB,YACA,CACE,qBAAsBhE,EAAM4B,OAC5B,oBAAqB5B,EAAM6B,SAIzBoC,EAAqC,CAAA,EAK3C,OAJIjE,EAAM8B,SACRmC,EAAWnC,OAAiC,iBAAjB9B,EAAM8B,OAAsB,GAAG9B,EAAM8B,WAAa9B,EAAM8B,QAG9ER,EAAE,MAAO,CACdgC,MAAO,oBACPO,MAAOI,GACN,CACD3C,EAAE,QAAS,CAAEgC,MAAOU,GAAc,CAChC5C,IA5ECwB,EAAWF,MAAMwB,OAef5C,EAAE,QAAS,CAAEgC,MAAO,mBAAqBV,EAAWF,MAAMa,IAAI,CAAC/B,EAAK2C,KACzE,MAAMC,EAAW,CACf,iBACA,CACE,0BAA2BpE,EAAM4B,QAAUuC,EAAW,GAAM,IAIhE,OAAO7C,EAAE,KAAM,CACbgC,MAAOc,EACPC,IAAKjB,EAAU5B,EAAK2C,IACnBhC,EAAQO,MAAMa,IAAKC,IACpB,MAAMc,EAAU,CACd,kBACA,oBAAoBd,EAAO/C,OAAS,UAGhC8D,EAAkC,CAAA,EACpCf,EAAOlD,QACTiE,EAAQjE,MAAgC,iBAAjBkD,EAAOlD,MAAqB,GAAGkD,EAAOlD,UAAYkD,EAAOlD,OAE9EkD,EAAOhD,WACT+D,EAAQ/D,SAAsC,iBAApBgD,EAAOhD,SAAwB,GAAGgD,EAAOhD,aAAegD,EAAOhD,UAG3F,MAAMgE,EAAchB,EAAOjC,WAAaiC,EAAOjC,WAAWC,EAAK2C,GAAY,KAE3E,OAAO7C,EAAE,KAAM,CACbgC,MAAOgB,EACPT,MAAOU,GACN,CACDjD,EAAE,MAAO,CAAEgC,MAAO,2BAA6B,CAACkB,YA7C7ClD,EAAE,QAAS,CAAEgC,MAAO,mBAAqB,CAC9ChC,EAAE,KAAM,CAAEgC,MAAO,wBAA0B,CACzChC,EAAE,KAAM,CACNgC,MAAO,wBACPmB,QAAStC,EAAQO,MAAMwB,QACtB,CACD5C,EAAE,MAAO,CAAEgC,MAAO,yBAA2B,CAC3CtC,EAAM0D,MAAQ1D,EAAM0D,QAAU1E,EAAMiC,sBAyElD"}

package/es/src/ui/tag/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as o,h as e}from"vue";const l=o({name:"QxsTag",props:{type:{type:String,default:"primary"},size:{type:String,default:"default"},effect:{type:String,default:"light"},closable:{type:Boolean,default:!1},round:{type:Boolean,default:!1},color:{type:String,default:""}},emits:["close","click"],setup(o,l){let{slots:r,emit:t}=l;const a=o=>{o.stopPropagation(),t("close",o)},s=o=>{t("click",o)};return()=>e("span",{class:["qxs-tag",`qxs-tag--${o.type}`,`qxs-tag--${o.size}`,`qxs-tag--${o.effect}`,{"is-round":o.round,"is-closable":o.closable}],style:{display:"inline-flex",alignItems:"center",padding:"large"===o.size?"8px 16px":"small"===o.size?"2px 8px":"4px 12px",fontSize:"large"===o.size?"14px":"small"===o.size?"12px":"13px",borderRadius:o.round?"9999px":"4px",border:"1px solid",lineHeight:"1",whiteSpace:"nowrap",...o.color?"dark"===o.effect?{backgroundColor:o.color,borderColor:o.color,color:"#fff"}:"light"===o.effect?{backgroundColor:`${o.color}1a`,borderColor:`${o.color}4d`,color:o.color}:{backgroundColor:"transparent",borderColor:o.color,color:o.color}:{}},onClick:s},[r.default?.(),o.closable&&e("span",{class:"qxs-tag__close",onClick:a,style:{marginLeft:"6px",cursor:"pointer",fontSize:"12px",fontWeight:"bold"}},"×")])}});export{l as QxsTag,l as default};
+//# sourceMappingURL=index.mjs.map

package/es/src/ui/tag/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/src/ui/tag/index.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue'\n\nexport type TagType = 'primary' | 'success' | 'warning' | 'danger' | 'info'\nexport type TagSize = 'large' | 'default' | 'small'\nexport type TagEffect = 'dark' | 'light' | 'plain'\n\nexport const QxsTag = defineComponent({\n  name: 'QxsTag',\n  props: {\n    type: { type: String as PropType<TagType>, default: 'primary' },\n    size: { type: String as PropType<TagSize>, default: 'default' },\n    effect: { type: String as PropType<TagEffect>, default: 'light' },\n    closable: { type: Boolean, default: false },\n    round: { type: Boolean, default: false },\n    color: { type: String, default: '' },\n  },\n  emits: ['close', 'click'],\n  setup(props, { slots, emit }) {\n    const handleClose = (e: MouseEvent) => {\n      e.stopPropagation()\n      emit('close', e)\n    }\n\n    const handleClick = (e: MouseEvent) => {\n      emit('click', e)\n    }\n\n    const getColorStyles = () => {\n      if (!props.color) { return {} }\n\n      if (props.effect === 'dark') {\n        return {\n          backgroundColor: props.color,\n          borderColor: props.color,\n          color: '#fff',\n        }\n      }\n      else if (props.effect === 'light') {\n        return {\n          backgroundColor: `${props.color}1a`,\n          borderColor: `${props.color}4d`,\n          color: props.color,\n        }\n      }\n      else {\n        return {\n          backgroundColor: 'transparent',\n          borderColor: props.color,\n          color: props.color,\n        }\n      }\n    }\n\n    return () => h('span', {\n      class: [\n        'qxs-tag',\n        `qxs-tag--${props.type}`,\n        `qxs-tag--${props.size}`,\n        `qxs-tag--${props.effect}`,\n        {\n          'is-round': props.round,\n          'is-closable': props.closable,\n        },\n      ],\n      style: {\n        display: 'inline-flex',\n        alignItems: 'center',\n        padding: props.size === 'large' ? '8px 16px' : props.size === 'small' ? '2px 8px' : '4px 12px',\n        fontSize: props.size === 'large' ? '14px' : props.size === 'small' ? '12px' : '13px',\n        borderRadius: props.round ? '9999px' : '4px',\n        border: '1px solid',\n        lineHeight: '1',\n        whiteSpace: 'nowrap',\n        ...getColorStyles(),\n      },\n      onClick: handleClick,\n    }, [\n      slots.default?.(),\n      props.closable && h('span', {\n        class: 'qxs-tag__close',\n        onClick: handleClose,\n        style: {\n          marginLeft: '6px',\n          cursor: 'pointer',\n          fontSize: '12px',\n          fontWeight: 'bold',\n        },\n      }, '×'),\n    ])\n  },\n})\n\nexport default QxsTag\n"],"names":["QxsTag","defineComponent","name","props","type","String","default","size","effect","closable","Boolean","round","color","emits","setup","_ref","slots","emit","handleClose","e","stopPropagation","handleClick","h","class","style","display","alignItems","padding","fontSize","borderRadius","border","lineHeight","whiteSpace","backgroundColor","borderColor","onClick","marginLeft","cursor","fontWeight"],"mappings":"6CAMO,MAAMA,EAASC,EAAgB,CACpCC,KAAM,SACNC,MAAO,CACLC,KAAM,CAAEA,KAAMC,OAA6BC,QAAS,WACpDC,KAAM,CAAEH,KAAMC,OAA6BC,QAAS,WACpDE,OAAQ,CAAEJ,KAAMC,OAA+BC,QAAS,SACxDG,SAAU,CAAEL,KAAMM,QAASJ,SAAS,GACpCK,MAAO,CAAEP,KAAMM,QAASJ,SAAS,GACjCM,MAAO,CAAER,KAAMC,OAAQC,QAAS,KAElCO,MAAO,CAAC,QAAS,SACjBC,KAAAA,CAAMX,EAAAY,GAAwB,IAAjBC,MAAEA,EAAAC,KAAOA,GAAKF,EACzB,MAAMG,EAAeC,IACnBA,EAAEC,kBACFH,EAAK,QAASE,IAGVE,EAAeF,IACnBF,EAAK,QAASE,IA6BhB,MAAO,IAAMG,EAAE,OAAQ,CACrBC,MAAO,CACL,UACA,YAAYpB,EAAMC,OAClB,YAAYD,EAAMI,OAClB,YAAYJ,EAAMK,SAClB,CACE,WAAYL,EAAMQ,MAClB,cAAeR,EAAMM,WAGzBe,MAAO,CACLC,QAAS,cACTC,WAAY,SACZC,QAAwB,UAAfxB,EAAMI,KAAmB,WAA4B,UAAfJ,EAAMI,KAAmB,UAAY,WACpFqB,SAAyB,UAAfzB,EAAMI,KAAmB,OAAwB,UAAfJ,EAAMI,KAAmB,OAAS,OAC9EsB,aAAc1B,EAAMQ,MAAQ,SAAW,MACvCmB,OAAQ,YACRC,WAAY,IACZC,WAAY,YA5CT7B,EAAMS,MAEU,SAAjBT,EAAMK,OACD,CACLyB,gBAAiB9B,EAAMS,MACvBsB,YAAa/B,EAAMS,MACnBA,MAAO,QAGe,UAAjBT,EAAMK,OACN,CACLyB,gBAAiB,GAAG9B,EAAMS,UAC1BsB,YAAa,GAAG/B,EAAMS,UACtBA,MAAOT,EAAMS,OAIR,CACLqB,gBAAiB,cACjBC,YAAa/B,EAAMS,MACnBA,MAAOT,EAAMS,OApBU,CAAA,GA+C3BuB,QAASd,GACR,CACDL,EAAMV,YACNH,EAAMM,UAAYa,EAAE,OAAQ,CAC1BC,MAAO,iBACPY,QAASjB,EACTM,MAAO,CACLY,WAAY,MACZC,OAAQ,UACRT,SAAU,OACVU,WAAY,SAEb,MAEP"}

package/es/src/wc-bridge.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as t,ref as e,h as o,cloneVNode as r}from"vue";function n(){return{type:null,default:void 0}}function s(n){return t({name:n.name,inheritAttrs:!1,props:n.props,setup(t,s){let{attrs:u,slots:p,expose:l}=s;const f=e(null);return n.createExpose&&l(n.createExpose(f)),()=>{const e={...u,ref:f};for(const o of Object.keys(n.props)){const r=t[o];void 0!==r&&(e[o]=r)}return o(n.tag,e,function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const o=[];t.default&&o.push(...t.default());for(const n of e)"default"!==n&&t[n]&&o.push(...t[n]().map(t=>r(t,{slot:n})));return o}(p,n.slotNames))}}})}export{s as createCustomElementBridge,n as createNullableProp};
+//# sourceMappingURL=wc-bridge.mjs.map

package/es/src/wc-bridge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wc-bridge.mjs","sources":["../../../../packages/components/src/wc-bridge.ts"],"sourcesContent":["import { cloneVNode, defineComponent, h, ref, type PropType, type SetupContext, type Slots, type VNode } from 'vue'\n\ntype ExposeFactory = (elRef: ReturnType<typeof ref<HTMLElement | null>>) => Record<string, unknown>\n\nfunction collectSlotChildren(slots: Slots, slotNames: string[] = []) {\n  const children: VNode[] = []\n\n  if (slots.default) {\n    children.push(...slots.default())\n  }\n\n  for (const slotName of slotNames) {\n    if (slotName === 'default' || !slots[slotName]) {\n      continue\n    }\n    children.push(...slots[slotName]!().map(vnode => cloneVNode(vnode, { slot: slotName })))\n  }\n\n  return children\n}\n\nexport function createNullableProp<T>() {\n  return {\n    type: null as unknown as PropType<T>,\n    default: undefined,\n  }\n}\n\nexport function createCustomElementBridge(options: {\n  name: string\n  tag: string\n  props: Record<string, any>\n  slotNames?: string[]\n  createExpose?: ExposeFactory\n}) {\n  return defineComponent({\n    name: options.name,\n    inheritAttrs: false,\n    props: options.props as any,\n    setup(props: Record<string, unknown>, { attrs, slots, expose }: SetupContext) {\n      const elementRef = ref<HTMLElement | null>(null)\n\n      if (options.createExpose) {\n        expose(options.createExpose(elementRef))\n      }\n\n      return () => {\n        const bindings: Record<string, unknown> = {\n          ...attrs,\n          ref: elementRef,\n        }\n\n        for (const key of Object.keys(options.props)) {\n          const value = (props as Record<string, unknown>)[key]\n          if (value !== undefined) {\n            bindings[key] = value\n          }\n        }\n\n        return h(options.tag, bindings, collectSlotChildren(slots, options.slotNames))\n      }\n    },\n  })\n}\n"],"names":["createNullableProp","type","default","createCustomElementBridge","options","defineComponent","name","inheritAttrs","props","setup","_ref","attrs","slots","expose","elementRef","ref","createExpose","bindings","key","Object","keys","value","h","tag","slotNames","arguments","length","undefined","children","push","slotName","map","vnode","cloneVNode","slot","collectSlotChildren"],"mappings":"sEAqBO,SAASA,IACd,MAAO,CACLC,KAAM,KACNC,aAAS,EAEb,CAEO,SAASC,EAA0BC,GAOxC,OAAOC,EAAgB,CACrBC,KAAMF,EAAQE,KACdC,cAAc,EACdC,MAAOJ,EAAQI,MACfC,KAAAA,CAAMD,EAAAE,GAAwE,IAAxCC,MAAEA,EAAAC,MAAOA,EAAAC,OAAOA,GAAOH,EAC3D,MAAMI,EAAaC,EAAwB,MAM3C,OAJIX,EAAQY,cACVH,EAAOT,EAAQY,aAAaF,IAGvB,KACL,MAAMG,EAAoC,IACrCN,EACHI,IAAKD,GAGP,IAAA,MAAWI,KAAOC,OAAOC,KAAKhB,EAAQI,OAAQ,CAC5C,MAAMa,EAASb,EAAkCU,QACnC,IAAVG,IACFJ,EAASC,GAAOG,EAEpB,CAEA,OAAOC,EAAElB,EAAQmB,IAAKN,EAvD9B,SAA6BL,GAAwC,IAA1BY,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAsB,GAC/D,MAAMG,EAAoB,GAEtBhB,EAAMV,SACR0B,EAASC,QAAQjB,EAAMV,WAGzB,IAAA,MAAW4B,KAAYN,EACJ,YAAbM,GAA2BlB,EAAMkB,IAGrCF,EAASC,QAAQjB,EAAMkB,KAAaC,IAAIC,GAASC,EAAWD,EAAO,CAAEE,KAAMJ,MAG7E,OAAOF,CACT,CAwCwCO,CAAoBvB,EAAOR,EAAQoB,YAEvE,GAEJ"}

package/es/subject/action.mjs

@@ -0,0 +1,171 @@
+import{css as e,LitElement as t,html as o}from"lit";import{property as i,state as s}from"lit/decorators.js";import{safeCustomElement as n}from"../base/define.mjs";import{subjectControlResetStyles as a}from"./shared-styles.mjs";var r=Object.defineProperty,l=Object.getOwnPropertyDescriptor,d=(e,t,o,i)=>{for(var s,n=i>1?void 0:i?l(t,o):t,a=e.length-1;a>=0;a--)(s=e[a])&&(n=(i?s(t,o,n):s(n))||n);return i&&n&&r(t,o,n),n};const c=[{value:2,label:"必须全部都是支持选项，方可下一步"},{value:1,label:"无需判断是否是支持选项"},{value:3,label:"包含全部支持选项，即可下一步"}],p=[{type:"single",label:"单选题"},{type:"multiple",label:"多选题"},{type:"blank_fill",label:"填空题"},{type:"text_fill",label:"问答题"},{type:"scale",label:"量表题"},{type:"sort",label:"排序题"},{type:"page_end",label:"分页符"}];let h=class extends t{constructor(){super(...arguments),this["is-edit"]=!1,this["is-set"]=!1,this["is-key"]=!1,this["answer-check-type"]=1,this["show-other-option"]=!1,this["show-answer-setting"]=!1,this["show-key"]=!1,this["show-rich-text"]=!1,this["hide-add-rich-text"]=!1,this["show-delete-action"]=!0,this["show-save-action"]=!0,this["page-end"]=!1,this["show-move"]=!1,this["show-add"]=!0,this["show-jump"]=!1,this["exam-answer-relation-type"]=0,this._modalOpen=!1,this._currentCheckType=1,this._addMenuOpen=!1,this._handleDocumentClick=e=>{const t=e.composedPath(),o=this.shadowRoot?.querySelector(".add-menu-wrap");o&&!t.includes(o)&&(this._addMenuOpen=!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleDocumentClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleDocumentClick)}updated(e){e.has("answer-check-type")&&(this._currentCheckType=this["answer-check-type"])}_emit(e,t){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t??null}))}get _answerText(){return c.find(e=>e.value===this["answer-check-type"])?.label??""}get _showAnswerSetting(){return this["show-other-option"]||this["show-answer-setting"]}get _showKey(){return this["show-other-option"]||this["show-key"]}_renderEditMode(){return o`
+      <div class="left">
+        <span class="inline-actions">
+          ${this["show-add"]?o`
+            <span class="add-menu-wrap">
+              <span class="link-btn" @click=${()=>{this._addMenuOpen=!this._addMenuOpen}}>在此题后加入新题</span>
+              ${this._renderAddMenu()}
+            </span>
+          `:""}
+          ${this["hide-add-rich-text"]?"":o`
+            <span class="link-btn" @click=${()=>this._emit("on-show-rich-text")}>
+              ${this["show-rich-text"]?"删除题目描述（图文）":"+添加题目描述（图文）"}
+            </span>
+          `}
+          ${this["show-jump"]?o`
+            <span class="link-btn" @click=${()=>this._emit("jump")}>${this["is-set"]?"编辑跳题逻辑":"设置跳题逻辑"}</span>
+          `:""}
+          ${this._showAnswerSetting?o`
+            <span class="link-btn" @click=${()=>{this._modalOpen=!0}}>答题设置</span>
+          `:""}
+          ${this._showKey?o`
+            <label class="checkbox-label">
+              <input type="checkbox" .checked=${this["is-key"]} @change=${e=>this._emit("set-key",{value:e.target.checked})} />
+              核心题
+            </label>
+          `:""}
+        </span>
+      </div>
+      <div class="right">
+        ${this["show-delete-action"]?o`<button class="text-btn text-btn--danger btn-margin" @click=${()=>this._emit("delete")}>删除</button>`:""}
+        ${this["show-save-action"]?o`<button class="text-btn text-btn--primary" @click=${()=>this._emit("save")}>完成编辑</button>`:""}
+      </div>
+    `}_renderViewMode(){return o`
+      <div class="left">
+        <span class="inline-actions">
+          ${this._showKey?o`
+            <label class="checkbox-label disabled">
+              <input type="checkbox" disabled .checked=${this["is-key"]} /> 核心题
+            </label>
+          `:""}
+          ${this._showAnswerSetting?o`
+            <span class="answer-text">${this._answerText}</span>
+          `:""}
+          ${this["show-add"]?o`
+            <span class="add-menu-wrap">
+              <span class="link-btn" @click=${()=>{this._addMenuOpen=!this._addMenuOpen}}>在此题后加入新题</span>
+              ${this._renderAddMenu()}
+            </span>
+          `:""}
+          ${this["show-jump"]?o`
+            <span class="link-btn" @click=${()=>this._emit("jump")}>${this["is-set"]?"编辑跳题逻辑":"设置跳题逻辑"}</span>
+          `:""}
+        </span>
+      </div>
+      <div class="right">
+        ${!this["is-set"]&&this["show-move"]?o`
+          <button class="text-btn text-btn--default" @click=${()=>this._emit("move","up")}>上移</button>
+          <button class="text-btn text-btn--default btn-margin" @click=${()=>this._emit("move","down")}>下移</button>
+        `:""}
+        ${!this["is-set"]&&this["show-delete-action"]?o`<button class="text-btn text-btn--danger btn-margin" @click=${()=>this._emit("delete")}>删除</button>`:""}
+        ${this["page-end"]||this["is-set"]?"":o`
+          <button class="text-btn text-btn--default" @click=${()=>this._emit("edit")}>编辑</button>
+        `}
+      </div>
+    `}_renderModal(){return this._modalOpen?o`
+      <div class="modal-backdrop" @click=${()=>{this._modalOpen=!1}}>
+        <div class="modal" @click=${e=>e.stopPropagation()}>
+          <div class="modal-header">
+            <span class="modal-title">答题设置</span>
+            <button class="modal-close" @click=${()=>{this._modalOpen=!1}}>&#x2715;</button>
+          </div>
+          <div class="modal-body">
+            ${c.map(e=>o`
+              <label class="radio-item">
+                <input type="radio" name="answer-check-type" .value=${String(e.value)}
+                  .checked=${this._currentCheckType===e.value}
+                  @change=${()=>{this._currentCheckType=e.value}} />
+                ${e.label}
+              </label>
+            `)}
+          </div>
+          <div class="modal-footer">
+            <button @click=${()=>{this._modalOpen=!1}}>取消</button>
+            <button class="primary" @click=${()=>{this._emit("set-answer-setting",{value:this._currentCheckType}),this._modalOpen=!1}}>保存</button>
+          </div>
+        </div>
+      </div>
+    `:""}_renderAddMenu(){return this._addMenuOpen?o`
+      <div class="add-menu">
+        ${p.map(e=>o`
+          <button class="add-item" @click=${()=>{this._addMenuOpen=!1,this._emit("add",e.type)}}>${e.label}</button>
+        `)}
+      </div>
+    `:""}render(){return o`
+      <div class="action ${this["is-edit"]?"active":""}">
+        ${this["is-edit"]?this._renderEditMode():this._renderViewMode()}
+        ${this["is-set"]?o`<div class="has-set">*此题设置了跳题逻辑</div>`:""}
+      </div>
+      ${this._renderModal()}
+    `}};h.styles=[a,e`
+    :host { display: block; font-family: inherit; font-size: 12px; }
+
+    .action { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; flex-wrap: wrap; gap: 8px; }
+    .action.active { background: transparent; }
+    .left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+    .right { display: flex; align-items: center; gap: 4px; }
+
+    .action-icon {
+      display: inline-flex; align-items: center; justify-content: center;
+      width: 32px; height: 32px; font-size: 18px; color: #303133;
+      cursor: pointer; border-radius: 6px; border: 1px solid #dcdfe6;
+      background: #fff; transition: all 0.2s;
+    }
+    .action-icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }
+    .action-icon--danger:hover { color: #f56c6c; border-color: #f56c6c; background: #fef0f0; }
+    .action-icon:disabled { color: #c0c4cc; cursor: not-allowed; opacity: 0.6; }
+
+    .text-btn {
+      display: inline-flex; align-items: center; gap: 4px;
+      padding: 6px 12px; font-size: 12px; border-radius: 3px;
+      cursor: pointer; border: 1px solid; transition: all 0.2s;
+    }
+    .text-btn--primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }
+    .text-btn--primary:hover { background: #2D4CB8; border-color: #2D4CB8; }
+    .text-btn--default { background: #fff; border-color: #dcdfe6; color: #606266; }
+    .text-btn--default:hover { color: #3D61E3; border-color: #a0cfff; }
+    .text-btn--danger { background: #f56c6c; border-color: #f56c6c; color: #fff; }
+    .text-btn--danger:hover { background: #e05252; border-color: #e05252; }
+
+    .link-btn { background: none; border: none; color: #3D61E3; cursor: pointer; font-size: 12px; }
+    .link-btn:hover { color: #2D4CB8; }
+
+    .checkbox-label { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; color: #606266; user-select: none; font-size: 12px; }
+    .checkbox-label.disabled { cursor: not-allowed; opacity: 0.6; }
+    .has-set { display: flex; align-items: center; font-size: 12px; color: #bbb; }
+    .answer-text { font-size: 11px; color: #909399; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
+    .btn-margin { margin-right: 10px; }
+
+    .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 2000; display: flex; align-items: center; justify-content: center; }
+    .modal { background: #fff; border-radius: 4px; min-width: 360px; max-width: 460px; box-shadow: 0 12px 32px rgba(0,0,0,.1); }
+    .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px 12px; border-bottom: 1px solid #e4e7ed; }
+    .modal-title { font-size: 14px; font-weight: 600; color: #303133; }
+    .modal-close { background: none; border: none; font-size: 16px; cursor: pointer; color: #909399; padding: 0; line-height: 1; }
+    .modal-close:hover { color: #3D61E3; }
+    .modal-body { padding: 20px; }
+    .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid #e4e7ed; }
+    .modal-footer button { padding: 6px 16px; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid #dcdfe6; background: #fff; color: #606266; }
+    .modal-footer button:hover { color: #3D61E3; border-color: #a0cfff; }
+    .modal-footer button.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }
+    .modal-footer button.primary:hover { background: #2D4CB8; border-color: #2D4CB8; }
+
+    .radio-item { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; cursor: pointer; font-size: 13px; color: #606266; }
+    .radio-item:last-child { margin-bottom: 0; }
+
+    .inline-actions { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; }
+    .add-menu-wrap { position: relative; display: inline-flex; }
+    .add-menu {
+      position: absolute; top: calc(100% + 6px); left: 0; z-index: 50;
+      display: grid; grid-template-columns: repeat(2, minmax(84px, 1fr)); gap: 8px;
+      min-width: 196px; padding: 10px; background: #fff; border: 1px solid #e4e7ed;
+      border-radius: 6px; box-shadow: 0 8px 20px rgba(0,0,0,.12);
+    }
+    .add-item {
+      display: inline-flex; align-items: center; justify-content: center;
+      min-height: 30px; padding: 0 10px; border: 1px solid #dcdfe6; border-radius: 4px;
+      background: #fff; color: #606266; font-size: 12px; cursor: pointer; transition: all .2s;
+    }
+    .add-item:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }
+  `],d([i({type:Boolean,attribute:"is-edit"})],h.prototype,"is-edit",2),d([i({type:Boolean,attribute:"is-set"})],h.prototype,"is-set",2),d([i({type:Boolean,attribute:"is-key"})],h.prototype,"is-key",2),d([i({type:Number,attribute:"answer-check-type"})],h.prototype,"answer-check-type",2),d([i({type:Boolean,attribute:"show-other-option"})],h.prototype,"show-other-option",2),d([i({type:Boolean,attribute:"show-answer-setting"})],h.prototype,"show-answer-setting",2),d([i({type:Boolean,attribute:"show-key"})],h.prototype,"show-key",2),d([i({type:Boolean,attribute:"show-rich-text"})],h.prototype,"show-rich-text",2),d([i({type:Boolean,attribute:"hide-add-rich-text"})],h.prototype,"hide-add-rich-text",2),d([i({type:Boolean,attribute:"show-delete-action"})],h.prototype,"show-delete-action",2),d([i({type:Boolean,attribute:"show-save-action"})],h.prototype,"show-save-action",2),d([i({type:Boolean,attribute:"page-end"})],h.prototype,"page-end",2),d([i({type:Boolean,attribute:"show-move"})],h.prototype,"show-move",2),d([i({type:Boolean,attribute:"show-add"})],h.prototype,"show-add",2),d([i({type:Boolean,attribute:"show-jump"})],h.prototype,"show-jump",2),d([i({type:Number,attribute:"exam-answer-relation-type"})],h.prototype,"exam-answer-relation-type",2),d([s()],h.prototype,"_modalOpen",2),d([s()],h.prototype,"_currentCheckType",2),d([s()],h.prototype,"_addMenuOpen",2),h=d([n("qxs-subject-action")],h);export{h as QxsSubjectAction};
+//# sourceMappingURL=action.mjs.map

package/es/subject/action.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.mjs","sources":["../../../../packages/components/src/subject/action.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { safeCustomElement } from '../base/define'\nimport { subjectControlResetStyles } from './shared-styles'\n\nconst answerTextList = [\n  { value: 2, label: '必须全部都是支持选项，方可下一步' },\n  { value: 1, label: '无需判断是否是支持选项' },\n  { value: 3, label: '包含全部支持选项，即可下一步' },\n]\n\nconst addSubjectOptions = [\n  { type: 'single', label: '单选题' },\n  { type: 'multiple', label: '多选题' },\n  { type: 'blank_fill', label: '填空题' },\n  { type: 'text_fill', label: '问答题' },\n  { type: 'scale', label: '量表题' },\n  { type: 'sort', label: '排序题' },\n  { type: 'page_end', label: '分页符' },\n]\n\n@safeCustomElement('qxs-subject-action')\nexport class QxsSubjectAction extends LitElement {\n  static styles = [subjectControlResetStyles, css`\n    :host { display: block; font-family: inherit; font-size: 12px; }\n\n    .action { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; flex-wrap: wrap; gap: 8px; }\n    .action.active { background: transparent; }\n    .left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n    .right { display: flex; align-items: center; gap: 4px; }\n\n    .action-icon {\n      display: inline-flex; align-items: center; justify-content: center;\n      width: 32px; height: 32px; font-size: 18px; color: #303133;\n      cursor: pointer; border-radius: 6px; border: 1px solid #dcdfe6;\n      background: #fff; transition: all 0.2s;\n    }\n    .action-icon:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n    .action-icon--danger:hover { color: #f56c6c; border-color: #f56c6c; background: #fef0f0; }\n    .action-icon:disabled { color: #c0c4cc; cursor: not-allowed; opacity: 0.6; }\n\n    .text-btn {\n      display: inline-flex; align-items: center; gap: 4px;\n      padding: 6px 12px; font-size: 12px; border-radius: 3px;\n      cursor: pointer; border: 1px solid; transition: all 0.2s;\n    }\n    .text-btn--primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n    .text-btn--primary:hover { background: #2D4CB8; border-color: #2D4CB8; }\n    .text-btn--default { background: #fff; border-color: #dcdfe6; color: #606266; }\n    .text-btn--default:hover { color: #3D61E3; border-color: #a0cfff; }\n    .text-btn--danger { background: #f56c6c; border-color: #f56c6c; color: #fff; }\n    .text-btn--danger:hover { background: #e05252; border-color: #e05252; }\n\n    .link-btn { background: none; border: none; color: #3D61E3; cursor: pointer; font-size: 12px; }\n    .link-btn:hover { color: #2D4CB8; }\n\n    .checkbox-label { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; color: #606266; user-select: none; font-size: 12px; }\n    .checkbox-label.disabled { cursor: not-allowed; opacity: 0.6; }\n    .has-set { display: flex; align-items: center; font-size: 12px; color: #bbb; }\n    .answer-text { font-size: 11px; color: #909399; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n\n    .btn-margin { margin-right: 10px; }\n\n    .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 2000; display: flex; align-items: center; justify-content: center; }\n    .modal { background: #fff; border-radius: 4px; min-width: 360px; max-width: 460px; box-shadow: 0 12px 32px rgba(0,0,0,.1); }\n    .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px 12px; border-bottom: 1px solid #e4e7ed; }\n    .modal-title { font-size: 14px; font-weight: 600; color: #303133; }\n    .modal-close { background: none; border: none; font-size: 16px; cursor: pointer; color: #909399; padding: 0; line-height: 1; }\n    .modal-close:hover { color: #3D61E3; }\n    .modal-body { padding: 20px; }\n    .modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid #e4e7ed; }\n    .modal-footer button { padding: 6px 16px; font-size: 12px; border-radius: 3px; cursor: pointer; border: 1px solid #dcdfe6; background: #fff; color: #606266; }\n    .modal-footer button:hover { color: #3D61E3; border-color: #a0cfff; }\n    .modal-footer button.primary { background: #3D61E3; border-color: #3D61E3; color: #fff; }\n    .modal-footer button.primary:hover { background: #2D4CB8; border-color: #2D4CB8; }\n\n    .radio-item { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; cursor: pointer; font-size: 13px; color: #606266; }\n    .radio-item:last-child { margin-bottom: 0; }\n\n    .inline-actions { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; }\n    .add-menu-wrap { position: relative; display: inline-flex; }\n    .add-menu {\n      position: absolute; top: calc(100% + 6px); left: 0; z-index: 50;\n      display: grid; grid-template-columns: repeat(2, minmax(84px, 1fr)); gap: 8px;\n      min-width: 196px; padding: 10px; background: #fff; border: 1px solid #e4e7ed;\n      border-radius: 6px; box-shadow: 0 8px 20px rgba(0,0,0,.12);\n    }\n    .add-item {\n      display: inline-flex; align-items: center; justify-content: center;\n      min-height: 30px; padding: 0 10px; border: 1px solid #dcdfe6; border-radius: 4px;\n      background: #fff; color: #606266; font-size: 12px; cursor: pointer; transition: all .2s;\n    }\n    .add-item:hover { color: #3D61E3; border-color: #3D61E3; background: #ecf5ff; }\n  `]\n\n  @property({ type: Boolean, attribute: 'is-edit' }) 'is-edit' = false\n  @property({ type: Boolean, attribute: 'is-set' }) 'is-set' = false\n  @property({ type: Boolean, attribute: 'is-key' }) 'is-key' = false\n  @property({ type: Number, attribute: 'answer-check-type' }) 'answer-check-type' = 1\n  @property({ type: Boolean, attribute: 'show-other-option' }) 'show-other-option' = false\n  @property({ type: Boolean, attribute: 'show-answer-setting' }) 'show-answer-setting' = false\n  @property({ type: Boolean, attribute: 'show-key' }) 'show-key' = false\n  @property({ type: Boolean, attribute: 'show-rich-text' }) 'show-rich-text' = false\n  @property({ type: Boolean, attribute: 'hide-add-rich-text' }) 'hide-add-rich-text' = false\n  @property({ type: Boolean, attribute: 'show-delete-action' }) 'show-delete-action' = true\n  @property({ type: Boolean, attribute: 'show-save-action' }) 'show-save-action' = true\n  @property({ type: Boolean, attribute: 'page-end' }) 'page-end' = false\n  @property({ type: Boolean, attribute: 'show-move' }) 'show-move' = false\n  @property({ type: Boolean, attribute: 'show-add' }) 'show-add' = true\n  @property({ type: Boolean, attribute: 'show-jump' }) 'show-jump' = false\n  @property({ type: Number, attribute: 'exam-answer-relation-type' }) 'exam-answer-relation-type' = 0\n\n  @state() private _modalOpen = false\n  @state() private _currentCheckType = 1\n  @state() private _addMenuOpen = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    document.addEventListener('click', this._handleDocumentClick)\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    document.removeEventListener('click', this._handleDocumentClick)\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('answer-check-type')) {\n      this._currentCheckType = this['answer-check-type']\n    }\n  }\n\n  private _handleDocumentClick = (e: MouseEvent) => {\n    const path = e.composedPath()\n    const wrap = this.shadowRoot?.querySelector('.add-menu-wrap')\n    if (wrap && !path.includes(wrap)) {\n      this._addMenuOpen = false\n    }\n  }\n\n  private _emit(name: string, detail?: unknown) {\n    this.dispatchEvent(new CustomEvent(name, { bubbles: true, composed: true, detail: detail ?? null }))\n  }\n\n  private get _answerText() {\n    return answerTextList.find(i => i.value === this['answer-check-type'])?.label ?? ''\n  }\n\n  private get _showAnswerSetting() {\n    return this['show-other-option'] || this['show-answer-setting']\n  }\n\n  private get _showKey() {\n    return this['show-other-option'] || this['show-key']\n  }\n\n  private _renderEditMode() {\n    return html`\n      <div class=\"left\">\n        <span class=\"inline-actions\">\n          ${this['show-add']\n            ? html`\n            <span class=\"add-menu-wrap\">\n              <span class=\"link-btn\" @click=${() => { this._addMenuOpen = !this._addMenuOpen }}>在此题后加入新题</span>\n              ${this._renderAddMenu()}\n            </span>\n          `\n            : ''}\n          ${!this['hide-add-rich-text']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('on-show-rich-text')}>\n              ${this['show-rich-text'] ? '删除题目描述（图文）' : '+添加题目描述（图文）'}\n            </span>\n          `\n            : ''}\n          ${this['show-jump']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this['is-set'] ? '编辑跳题逻辑' : '设置跳题逻辑'}</span>\n          `\n            : ''}\n          ${this._showAnswerSetting\n            ? html`\n            <span class=\"link-btn\" @click=${() => { this._modalOpen = true }}>答题设置</span>\n          `\n            : ''}\n          ${this._showKey\n            ? html`\n            <label class=\"checkbox-label\">\n              <input type=\"checkbox\" .checked=${this['is-key']} @change=${(e: Event) => this._emit('set-key', { value: (e.target as HTMLInputElement).checked })} />\n              核心题\n            </label>\n          `\n            : ''}\n        </span>\n      </div>\n      <div class=\"right\">\n        ${this['show-delete-action']\n          ? html`<button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>`\n          : ''}\n        ${this['show-save-action']\n          ? html`<button class=\"text-btn text-btn--primary\" @click=${() => this._emit('save')}>完成编辑</button>`\n          : ''}\n      </div>\n    `\n  }\n\n  private _renderViewMode() {\n    return html`\n      <div class=\"left\">\n        <span class=\"inline-actions\">\n          ${this._showKey\n            ? html`\n            <label class=\"checkbox-label disabled\">\n              <input type=\"checkbox\" disabled .checked=${this['is-key']} /> 核心题\n            </label>\n          `\n            : ''}\n          ${this._showAnswerSetting\n            ? html`\n            <span class=\"answer-text\">${this._answerText}</span>\n          `\n            : ''}\n          ${this['show-add']\n            ? html`\n            <span class=\"add-menu-wrap\">\n              <span class=\"link-btn\" @click=${() => { this._addMenuOpen = !this._addMenuOpen }}>在此题后加入新题</span>\n              ${this._renderAddMenu()}\n            </span>\n          `\n            : ''}\n          ${this['show-jump']\n            ? html`\n            <span class=\"link-btn\" @click=${() => this._emit('jump')}>${this['is-set'] ? '编辑跳题逻辑' : '设置跳题逻辑'}</span>\n          `\n            : ''}\n        </span>\n      </div>\n      <div class=\"right\">\n        ${!this['is-set'] && this['show-move']\n          ? html`\n          <button class=\"text-btn text-btn--default\" @click=${() => this._emit('move', 'up')}>上移</button>\n          <button class=\"text-btn text-btn--default btn-margin\" @click=${() => this._emit('move', 'down')}>下移</button>\n        `\n          : ''}\n        ${!this['is-set'] && this['show-delete-action']\n          ? html`<button class=\"text-btn text-btn--danger btn-margin\" @click=${() => this._emit('delete')}>删除</button>`\n          : ''}\n        ${!this['page-end'] && !this['is-set']\n          ? html`\n          <button class=\"text-btn text-btn--default\" @click=${() => this._emit('edit')}>编辑</button>\n        `\n          : ''}\n      </div>\n    `\n  }\n\n  private _renderModal() {\n    if (!this._modalOpen) { return '' }\n    return html`\n      <div class=\"modal-backdrop\" @click=${() => { this._modalOpen = false }}>\n        <div class=\"modal\" @click=${(e: Event) => e.stopPropagation()}>\n          <div class=\"modal-header\">\n            <span class=\"modal-title\">答题设置</span>\n            <button class=\"modal-close\" @click=${() => { this._modalOpen = false }}>&#x2715;</button>\n          </div>\n          <div class=\"modal-body\">\n            ${answerTextList.map(item => html`\n              <label class=\"radio-item\">\n                <input type=\"radio\" name=\"answer-check-type\" .value=${String(item.value)}\n                  .checked=${this._currentCheckType === item.value}\n                  @change=${() => { this._currentCheckType = item.value }} />\n                ${item.label}\n              </label>\n            `)}\n          </div>\n          <div class=\"modal-footer\">\n            <button @click=${() => { this._modalOpen = false }}>取消</button>\n            <button class=\"primary\" @click=${() => {\n              this._emit('set-answer-setting', { value: this._currentCheckType })\n              this._modalOpen = false\n            }}>保存</button>\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  private _renderAddMenu() {\n    if (!this._addMenuOpen) { return '' }\n    return html`\n      <div class=\"add-menu\">\n        ${addSubjectOptions.map(item => html`\n          <button class=\"add-item\" @click=${() => {\n            this._addMenuOpen = false\n            this._emit('add', item.type)\n          }}>${item.label}</button>\n        `)}\n      </div>\n    `\n  }\n\n  render() {\n    return html`\n      <div class=\"action ${this['is-edit'] ? 'active' : ''}\">\n        ${this['is-edit'] ? this._renderEditMode() : this._renderViewMode()}\n        ${this['is-set'] ? html`<div class=\"has-set\">*此题设置了跳题逻辑</div>` : ''}\n      </div>\n      ${this._renderModal()}\n    `\n  }\n}\n\nexport function register() {}\n"],"names":["answerTextList","value","label","addSubjectOptions","type","QxsSubjectAction","LitElement","constructor","super","arguments","this","_modalOpen","_currentCheckType","_addMenuOpen","_handleDocumentClick","e","path","composedPath","wrap","shadowRoot","querySelector","includes","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","updated","changed","has","_emit","name","detail","dispatchEvent","CustomEvent","bubbles","composed","_answerText","find","i","_showAnswerSetting","_showKey","_renderEditMode","html","_renderAddMenu","target","checked","_renderViewMode","_renderModal","stopPropagation","map","item","String","render","styles","subjectControlResetStyles","css","__decorateClass","property","Boolean","attribute","prototype","Number","state","safeCustomElement"],"mappings":"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"}