@wp1001/ui 2.9.13 → 3.0.1

package/packages/components/xtable/searcher.js

@@ -1,477 +1 @@
-import render, { OPS, COMPONENT_OPS } from './searcher.jsx'
-import { Message, Confirm, Prompt } from '../../utils/index.js'
-
-const { storage } = StardustBrowser
-const { deepCopy } = StardustJs.funcs
-
-export default {
-  name: 'Searcher',
-  props: {
-    uid: String,
-    columns: Array,
-    config: Object
-  },
-  emits: ['search', 'save'],
-  data () {
-    return {
-      visible: false,
-      activeName: 'search',
-      sortableColumns: [],
-      sortOptions: [
-        { text: '升序', value: 'asc' },
-        { text: '降序', value: 'desc' }
-      ],
-      sorts: [],
-      conditionNo: 1,
-      conditions: [],
-      expression: '',
-      viewName: '',
-      views: [],
-      tourGuide: {
-        visible: false,
-        steps: [
-          {
-            target: '.views-select', title: '1. 选择视图',
-            description: `
-              <div style="color: var(--el-color-danger)">视图，是一组查询条件。</div>
-              这里选择下拉框里的某个视图，然后可以利用此视图进行数据查询。<br><br>
-              如果还没有自定义的视图，则需要添加。鼠标放到下拉框上，点击下拉框右侧的小叉号，以取消选中当前的默认视图，然后才能去新增条件，并保存为新的视图。<br><br>
-              <div style="color: var(--el-color-success)">现在，请试着点击下拉框右侧的小叉号。</div>
-            `
-          },
-          {
-            target: '.add-condition', title: '2. 新增条件',
-            description: `
-              这里可添加任意多个查询条件，每个条件可：
-              <ol style="list-style: disc; padding-left: 13px;">
-                <li>选择任意字段</li>
-                <li>选择任意查询方式</li>
-                <li>填写任意值，或选择任意选项、时间</li>
-              </ol>
-              然后，任意组合这些查询条件，从而可进行任意查询。<br><br>
-              <div style="color: var(--el-color-success)">现在，请试着点击"新增条件"按钮。</div>
-            `
-          },
-          {
-            target: '.x-select.field-select', title: '3. 选择字段',
-            description: `
-              这里有所有你需要查看、操作的字段，可以选择其中任意一个。<br><br>
-              <div style="color: var(--el-color-success)">现在，请试着选择某个字段。</div>
-            `
-          },
-          {
-            target: '.x-select.condition-select', title: '4. 选择查询方式',
-            description: `
-              这里有所有你需要用到的查询方式，不同的字段类型对应着不同的查询方式，可选择提供的任意一个方式。<br><br>
-              <div style="color: var(--el-color-success)">现在，请试着选择某个查询方式。</div>
-            `
-          },
-          {
-            target: '.value-container', title: '5. 填写值/选择选项、时间',
-            description: `
-              这里填写你要查询的关键词，或选择对应的下拉选项，或选择时间。<br><br>
-              <div style="color: var(--el-color-success)">现在，请试着填写某个关键词，或选择某个选项、时间。</div>
-            `
-          },
-          {
-            target: '.condition-expression', title: '6. 组合查询条件',
-            description: `
-              鉴于你可以添加多个条件，每个条件可任意组合，且支持数学逻辑中的“与”、“或”关系。<br>
-              这里就需要明确表达出你想用哪几个条件来查询，并且这些条件是以什么样的方式来组合。<br>
-              示例如下：<br>
-              <ol style="list-style: disc; padding-left: 13px;">
-                <li>条件1、条件2、条件3同时成立，表达式为：<span style="color: var(--el-color-warning)">1 and 2 and 3</span></li>
-                <li>条件1、条件2同时成立，或者条件3成立，表达式为：<span style="color: var(--el-color-warning)">(1 and 2) or 3</span></li>
-                <li>条件1、条件2同时成立，或条件2、条件3同时成立，表达式为：<span style="color: var(--el-color-warning)">(1 and 2) or (2 and 3)</span></li>
-              </ol>
-              <div style="color: var(--el-color-primary)">你想简单查询，表达式就非常简单。如果你想复杂查询，那么表达式就需要按需填写了。</div>
-              <br>
-              <div style="color: var(--el-color-success)">
-                现在，请试着填写表达式。如果你刚刚只添加了一个条件，且其序号为1，那么这里的表达式暂时填写
-                <span style="color: var(--el-color-warning)">1</span>
-                就好
-              </div>
-            `
-          },
-          {
-            target: '.save-view', title: '7. 保存视图',
-            description: `
-              刚才你已经新增了若干个条件，并且填写了条件表达式。现在可以保存这些条件为视图，这样下次可以直接选择此视图方便地查询数据。<br><br>
-              <div style="color: var(--el-color-success)">现在，点击“保存当前视图”按钮，并为其填写一个合适的名字。</div>
-            `
-          },
-          {
-            target: '.searcher.pc-x-drawer .el-drawer__footer .el-button--primary', title: '8. 查询数据',
-            description: `
-              现在，上面已经有了查询条件，试着点击“查询”按钮，即可查询数据了。
-            `
-          }
-        ]
-      }
-    }
-  },
-  computed: {
-    key () {
-      return `Searcher[${this.uid}]`
-    },
-    currentView () {
-      return this.views.find(v => v.name === this.viewName)
-    }
-  },
-  watch: {
-    config: 'init'
-  },
-  created () {
-    this.init()
-  },
-  render,
-  methods: {
-    init () {
-      let { views = [], viewName, ...others } = this.uid && storage.local.getJson(this.key, {}) || {}
-      if (this.config.views) {
-        this.config.views.forEach(view => view.is_system = true)
-        views = this.config.views.concat(views)
-      }
-      if (views.length && !viewName) viewName = views[0].name
-      Object.assign(this, { views, viewName })
-
-      const settings = storage.local.getJson('Settings[' + this.uid + ']')
-      if (settings?.viewName) this.viewName = settings.viewName
-
-      this.sortableColumns = this.columns.filter(col => !col.virtual)
-
-      if (this.viewName) {
-        this.handleSelectView(this.viewName)
-      } else {
-        this.setCurrentView(this.config.traditional ? this.config : others)
-      }
-    },
-    open () {
-      this.visible = true
-    },
-    close () {
-      this.visible = false
-    },
-    getCurrentView () {
-      return {
-        sorts: this.sorts,
-        conditionNo: this.conditionNo,
-        conditions: this.conditions.map(con => {
-          const { item, ops, component, ...others } = con
-          return others
-        }),
-        expression: this.expression
-      }
-    },
-    saveCache () {
-      const cache = { views: this.views.filter(view => !view.is_system) }
-      if (this.viewName && this.currentView) {
-        cache.viewName = this.viewName
-        Object.assign(this.currentView, this.getCurrentView())
-      } else {
-        Object.assign(cache, this.getCurrentView())
-      }
-      storage.local.setJson(this.key, cache)
-    },
-    setCurrentView (view) {
-      if (!view) return
-      view.conditions?.forEach(con => {
-        const { prop, op, value, universal } = con
-        con.item = this.columns.find(col => col.prop === prop)
-        this.handleSelectField(con, prop)
-        this.handleSelectOp(con, op)
-        con.value = value
-        const comp = con.item.comp || con.component
-        con.ops = COMPONENT_OPS[universal ? 'universal' : comp].map(key => OPS[key])
-      })
-      if (!view.conditionNo && view.conditions?.length) {
-        view.conditionNo = Math.max.apply(null, view.conditions.map(con => con.no)) + 1
-      }
-      this.viewName = view.name
-      Object.assign(this, view)
-    },
-    handleSearch () {
-      let params = null
-      try {
-        params = this.calcParams()
-      } catch (err) {
-        Message.w(err.toString())
-        return false
-      }
-      this.uid && params && this.saveCache()
-      params = params || { where: {} }
-      params.page = 1
-      this.$emit('search', params)
-      this.visible = false
-      return true
-    },
-    handleReset () {
-      const view = {
-        sorts: [],
-        conditionNo: 1,
-        conditions: [],
-        expression: ''
-      }
-      Object.assign(this, view)
-      this.setCurrentView(view)
-    },
-    calcParams () {
-      const tree = this.calcTree()
-      if (!tree) return
-      const parse = (tree, where) => {
-        const branch = []
-        const type = '[Op.' + tree.type + ']'
-        where[type] = branch
-        for (let item of tree.items) {
-          if (typeof item === 'string') {
-            const condition = this.conditions.find(con => con.no === item * 1)
-            if (!condition) {
-              throw '条件不存在: ' + item
-            } else {
-              if (!this.checkFilled(condition)) {
-                if (this.config.traditional || this.config.ignoreUnfilled) continue
-                throw '条件不完整: ' + item
-              }
-            }
-            branch.push(this.parseCondition(condition))
-          } else {
-            const sub = {}
-            branch.push(sub)
-            parse(item, sub)
-          }
-        }
-        if (!branch.length) delete where[type]
-      }
-      const where = {}
-      parse(tree, where)
-      const params = { where }
-      if (this.sorts.length) {
-        params.order = deepCopy(this.sorts)
-      }
-      return params
-    },
-    calcTree (normalize = true) {
-      const expression = this.expression.trim()
-        .replaceAll('&&', 'and')
-        .replaceAll('||', 'or')
-        .replace(/and/ig, 'and')
-        .replace(/or/ig, 'or')
-      if (!expression) return null
-      const symbols = expression.split(/(\(|\)|\s)/).filter(p => p.trim())
-
-      const calc = (tree, symbols) => {
-        while (symbols.length) {
-          const ele = symbols.shift()
-          if (['and', 'or'].includes(ele)) {
-            if (tree.type && tree.type !== ele) {
-              throw '串联不同逻辑表达式请使用小括号区分'
-            }
-            tree.type = ele
-          } else if (ele === '(') {
-            const item = { type: '', items: [] }
-            tree.items.push(item)
-            item._parent = tree
-            calc(item, symbols)
-            break
-          } else if (ele === ')') {
-            calc(tree._parent, symbols)
-            delete tree._parent
-          } else {
-            tree.items.push(ele)
-          } 
-        }
-      }
-      const tree = { type: '', items: [] }
-      calc(tree, symbols)
-      if (normalize) {
-        tree.type ||= 'and'
-      }
-
-      return tree
-    },
-    calcExpression (tree) {
-      const calc = (branch) => {
-        if (!branch) return ''
-        if (typeof branch === 'string') return branch
-        const { type, items } = branch
-        if (!items.length) return ''
-        return '(' + items.map(calc).filter(e => e).join(' ' + type + ' ') + ')'
-      }
-      let expression = calc(tree).slice(1, -1)
-      while (/\(\d+\)/.test(expression)) {
-        expression = expression.replace(/\((\d+)\)/g, '$1')
-      }
-      return expression
-    },
-    parseCondition (condition) {
-      let { item, component, prop, op, value } = condition
-      const where = {}
-      if (op === 'special') {
-        const isNot = value.startsWith('NOT_')
-        const isNe = value.startsWith('NE_')
-        if (value.includes('NULL')) {
-          value = null
-        } else if (value.includes('BLANK')) {
-          value = ''
-        }
-        if (isNot) {
-          value = { '[Op.not]': value }
-        } else if (isNe) {
-          value = { '[Op.ne]': value }
-        }
-        where[prop] = value
-        return where
-      }
-      if (op === 'like' || op === 'notLike') {
-        value = '%' + value + '%'
-      }
-      if (op === 'in' || op === 'notIn') {
-        if (!item.options) {
-          value = value.split(',')
-          if (component === 'ElInputNumber' || component === 'el-input-number' || condition.type === 'number') {
-            value = value.map(Number)
-          }
-        }
-      }
-      where[prop] = { [`[Op.${op}]`]: value }
-      return where
-    },
-    checkFilled (condition) {
-      if (!condition.prop || !condition.op) {
-        return false
-      }
-      const value = Array.isArray(condition.value) ? condition.value : [condition.value]
-      return value.length && value.every(ele => {
-        return typeof ele !== 'string' || ele.length
-      })
-    },
-    handleAdd () {
-      this.conditions.push({
-        no: this.conditionNo ++,
-        prop: '',
-        op: '',
-        value: '',
-        component: 'ElInput',
-        ops: [],
-        item: {}
-      })
-    },
-    handleDelete (index) {
-      const no = this.conditions[index].no + ''
-      const tree = this.calcTree(false)
-      const remove = (branch) => {
-        if (!branch) return
-        for (let i = branch.items.length - 1; i >= 0; i--) {
-          if (branch.items[i] === no) {
-            branch.items.splice(i, 1)
-          } else if (typeof branch.items[i] === 'object') {
-            remove(branch.items[i])
-          }
-        }
-      }
-      remove(tree)
-      this.expression = this.calcExpression(tree)
-      this.conditions.splice(index, 1)
-    },
-    handleSelectField (condition, value) {
-      condition.value = ''
-      condition.prop = value
-      condition.item = this.columns.find(col => col.prop === condition.prop) || {}
-      const { options, type, formAttrs = {} } = condition.item
-      const config = { ...condition.item, ...formAttrs }
-      const {
-        comp, universal,
-        visible, canAdd, canEdit, required, slot, span,
-        tableAttrs, formAttrs: fa, tagTypes, tagValues, width, minWidth,
-        disabled, readonly,
-        ...others
-      } = config
-      others.clearable ??= true
-      condition.config = others
-      condition.component = comp ||
-        options && 'XSelect' ||
-        type === 'number' && 'ElInputNumber' ||
-        'ElInput'
-      condition.ops = COMPONENT_OPS[universal ? 'universal' : condition.component].map(key => OPS[key])
-      condition.op = condition.ops[0].value
-      if (condition.component === 'ElDatePicker') {
-        condition.component = 'ElInput'
-        others.type = 'date'
-      }
-      if (others.type === 'textarea') delete others.type
-    },
-    handleSelectOp (condition, value) {
-      condition.op = value
-      if (value === 'between') {
-        condition.value = ['', '']
-      } else if (['in', 'notIn'].includes(value)) {
-        condition.value = []
-      }
-      if (
-        value === 'special'
-        || !['between', 'in', 'notIn'].includes(value) && Array.isArray(value)
-      ) {
-        condition.value = ''
-      }
-    },
-    handleSelectView (name) {
-      if (!name) {
-        this.handleReset()
-      } else {
-        const view = this.views.find(v => v.name === name)
-        if (!view) {
-          this.viewName = ''
-          this.handleReset()
-          return this.saveCache()
-        }
-        this.setCurrentView(deepCopy(view))
-      }
-    },
-    async handleSaveView () {
-      const view = this.getCurrentView()
-      let isSystem = false
-      if (this.viewName && this.currentView) {
-        isSystem = this.currentView.is_system
-        if (!isSystem) {
-          Object.assign(this.currentView, view)
-          this.saveCache()
-          Message.s('视图保存成功')
-          return
-        }
-      }
-      let name = await Prompt({
-        title: '提示',
-        message: (isSystem ? '系统视图不可修改，可保存为新视图，' : '') + '请输入新视图名称'
-      })
-      name = name.trim()
-      if (!name) return
-      if (this.views.some(v => v.name === name)) {
-        return Message.w('视图名称 ' + name + ' 已存在，请重新输入')
-      }
-      this.views.push({ name, ...view })
-      this.viewName = name
-      this.handleSelectView(name)
-      this.saveCache()
-      Message.s('视图保存成功')
-    },
-    async handleDeleteView (view, index, e) {
-      e.stopPropagation()
-      if (!await Confirm.w({ title: '提示', message: `确定删除查询视图 ${view.name} 吗？` })) return
-      if (this.viewName === view.name) {
-        this.viewName = ''
-        this.handleReset()
-      }
-      this.views.splice(index, 1)
-      this.saveCache()
-      Message.s(`视图 [${view.name}] 已删除`)
-    },
-    handleSearchView (view) {
-      this.setCurrentView(view)
-      if (!this.handleSearch()) return
-      this.$emit('save', { viewName: view.name })
-    },
-    handleAddSort () {
-      this.sorts.push([this.sortableColumns[0].prop, 'asc'])
-    }
-  }
-}
+const a49_0x3107c=a49_0x2a51;function a49_0x2a51(_0x1ebf30,_0x1bc4b0){const _0x1599fa=a49_0x1599();return a49_0x2a51=function(_0x2a5187,_0x7ffa40){_0x2a5187=_0x2a5187-0x171;let _0xa33d45=_0x1599fa[_0x2a5187];return _0xa33d45;},a49_0x2a51(_0x1ebf30,_0x1bc4b0);}(function(_0x359962,_0x51d1ea){const _0x3f1960=a49_0x2a51,_0x11397d=_0x359962();while(!![]){try{const _0xae8023=-parseInt(_0x3f1960(0x188))/0x1+-parseInt(_0x3f1960(0x1d8))/0x2+-parseInt(_0x3f1960(0x1cd))/0x3*(-parseInt(_0x3f1960(0x1cb))/0x4)+-parseInt(_0x3f1960(0x1b6))/0x5*(parseInt(_0x3f1960(0x1d9))/0x6)+-parseInt(_0x3f1960(0x18b))/0x7+-parseInt(_0x3f1960(0x172))/0x8*(parseInt(_0x3f1960(0x184))/0x9)+parseInt(_0x3f1960(0x18a))/0xa;if(_0xae8023===_0x51d1ea)break;else _0x11397d['push'](_0x11397d['shift']());}catch(_0x5c7f12){_0x11397d['push'](_0x11397d['shift']());}}}(a49_0x1599,0x81bfa));import a49_0x3ca6fe,{OPS,COMPONENT_OPS}from'./searcher.jsx';import{Message,Confirm,Prompt}from'../../utils/index.js';const {storage}=StardustBrowser,{deepCopy}=StardustJs[a49_0x3107c(0x17f)];function a49_0x1599(){const _0x28ab37=['2.\x20新增条件','config','splice',']\x20已删除','conditions','saveCache','.condition-expression','sorts','\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20现在，上面已经有了查询条件，试着点击“查询”按钮，即可查询数据了。\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20','max','notIn','value','el-input-number','number','includes','确定删除查询视图\x20','\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20刚才你已经新增了若干个条件，并且填写了条件表达式。现在可以保存这些条件为视图，这样下次可以直接选择此视图方便地查询数据。<br><br>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22color:\x20var(--el-color-success)\x22>现在，点击“保存当前视图”按钮，并为其填写一个合适的名字。</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20','prop','.x-select.field-select','calcParams','串联不同逻辑表达式请使用小括号区分','date','handleReset','\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20这里有所有你需要查看、操作的字段，可以选择其中任意一个。<br><br>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22color:\x20var(--el-color-success)\x22>现在，请试着选择某个字段。</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20','calcExpression','init','handleSelectOp','and','like','currentView','[Op.','items','.x-select.condition-select','type','clearable','Settings[','_parent','请输入新视图名称','trim','5eCjgOW','columns','setJson','notLike','5.\x20填写值/选择选项、时间','comp','search','textarea','conditionNo','getJson','special','save','ElInputNumber','some','virtual','Searcher','setCurrentView','between','order','视图保存成功','.searcher.pc-x-drawer\x20.el-drawer__footer\x20.el-button--primary','4rinNCm','traditional','1874997TtZzaN','page','desc','视图名称\x20','key','is_system','Searcher[','expression','6.\x20组合查询条件','checkFilled','join','1241622qXXBFf','43134nAEmGz','local','replaceAll','startsWith','uid','handleSelectView','push','XSelect','\x20已存在，请重新输入','parseCondition','filter','handleSelectField','forEach','views','item','系统视图不可修改，可保存为新视图，','4.\x20选择查询方式','.value-container','universal','assign','isArray','NE_','88VdnFiz','viewName','$emit','find','visible','component','name','map','NOT_','ElDatePicker','length','ElInput','slice','funcs','.add-condition','7.\x20保存视图','ops','1.\x20选择视图','544581PTQcyS','\x20吗？','3.\x20选择字段','stopPropagation','898173IDpxWz','getCurrentView','29778810izIyJs','6157606SzRvyt','条件不存在:\x20','calcTree','\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20这里有所有你需要用到的查询方式，不同的字段类型对应着不同的查询方式，可选择提供的任意一个方式。<br><br>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22color:\x20var(--el-color-success)\x22>现在，请试着选择某个查询方式。</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20'];a49_0x1599=function(){return _0x28ab37;};return a49_0x1599();}export default{'name':a49_0x3107c(0x1c5),'props':{'uid':String,'columns':Array,'config':Object},'emits':[a49_0x3107c(0x1bc),'save'],'data'(){const _0x42e5f2=a49_0x3107c;return{'visible':![],'activeName':'search','sortableColumns':[],'sortOptions':[{'text':'升序','value':'asc'},{'text':'降序','value':_0x42e5f2(0x1cf)}],'sorts':[],'conditionNo':0x1,'conditions':[],'expression':'','viewName':'','views':[],'tourGuide':{'visible':![],'steps':[{'target':'.views-select','title':_0x42e5f2(0x183),'description':'\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22color:\x20var(--el-color-danger)\x22>视图，是一组查询条件。</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20这里选择下拉框里的某个视图，然后可以利用此视图进行数据查询。<br><br>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20如果还没有自定义的视图，则需要添加。鼠标放到下拉框上，点击下拉框右侧的小叉号，以取消选中当前的默认视图，然后才能去新增条件，并保存为新的视图。<br><br>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22color:\x20var(--el-color-success)\x22>现在，请试着点击下拉框右侧的小叉号。</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20'},{'target':_0x42e5f2(0x180),'title':_0x42e5f2(0x18f),'description':'\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20这里可添加任意多个查询条件，每个条件可：\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<ol\x20style=\x22list-style:\x20disc;\x20padding-left:\x2013px;\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li>选择任意字段</li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li>选择任意查询方式</li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li>填写任意值，或选择任意选项、时间</li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</ol>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20然后，任意组合这些查询条件，从而可进行任意查询。<br><br>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22color:\x20var(--el-color-success)\x22>现在，请试着点击\x22新增条件\x22按钮。</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20'},{'target':_0x42e5f2(0x1a1),'title':_0x42e5f2(0x186),'description':_0x42e5f2(0x1a6)},{'target':_0x42e5f2(0x1af),'title':_0x42e5f2(0x1e9),'description':_0x42e5f2(0x18e)},{'target':_0x42e5f2(0x1ea),'title':_0x42e5f2(0x1ba),'description':'\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20这里填写你要查询的关键词，或选择对应的下拉选项，或选择时间。<br><br>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22color:\x20var(--el-color-success)\x22>现在，请试着填写某个关键词，或选择某个选项、时间。</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20'},{'target':_0x42e5f2(0x195),'title':_0x42e5f2(0x1d5),'description':'\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20鉴于你可以添加多个条件，每个条件可任意组合，且支持数学逻辑中的“与”、“或”关系。<br>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20这里就需要明确表达出你想用哪几个条件来查询，并且这些条件是以什么样的方式来组合。<br>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20示例如下：<br>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<ol\x20style=\x22list-style:\x20disc;\x20padding-left:\x2013px;\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li>条件1、条件2、条件3同时成立，表达式为：<span\x20style=\x22color:\x20var(--el-color-warning)\x22>1\x20and\x202\x20and\x203</span></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li>条件1、条件2同时成立，或者条件3成立，表达式为：<span\x20style=\x22color:\x20var(--el-color-warning)\x22>(1\x20and\x202)\x20or\x203</span></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<li>条件1、条件2同时成立，或条件2、条件3同时成立，表达式为：<span\x20style=\x22color:\x20var(--el-color-warning)\x22>(1\x20and\x202)\x20or\x20(2\x20and\x203)</span></li>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</ol>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22color:\x20var(--el-color-primary)\x22>你想简单查询，表达式就非常简单。如果你想复杂查询，那么表达式就需要按需填写了。</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<br>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22color:\x20var(--el-color-success)\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20现在，请试着填写表达式。如果你刚刚只添加了一个条件，且其序号为1，那么这里的表达式暂时填写\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<span\x20style=\x22color:\x20var(--el-color-warning)\x22>1</span>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20就好\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20'},{'target':'.save-view','title':_0x42e5f2(0x181),'description':_0x42e5f2(0x19f)},{'target':_0x42e5f2(0x1ca),'title':'8.\x20查询数据','description':_0x42e5f2(0x197)}]}};},'computed':{'key'(){const _0x45a07b=a49_0x3107c;return _0x45a07b(0x1d3)+this[_0x45a07b(0x1dd)]+']';},'currentView'(){const _0x1b919c=a49_0x3107c;return this['views'][_0x1b919c(0x175)](_0x2f2803=>_0x2f2803[_0x1b919c(0x178)]===this['viewName']);}},'watch':{'config':a49_0x3107c(0x1a8)},'created'(){const _0x37091c=a49_0x3107c;this[_0x37091c(0x1a8)]();},'render':a49_0x3ca6fe,'methods':{'init'(){const _0x20d110=a49_0x3107c;let {views:views=[],viewName:_0x40666b,..._0x231875}=this[_0x20d110(0x1dd)]&&storage['local'][_0x20d110(0x1bf)](this[_0x20d110(0x1d1)],{})||{};this[_0x20d110(0x190)][_0x20d110(0x1e6)]&&(this[_0x20d110(0x190)][_0x20d110(0x1e6)][_0x20d110(0x1e5)](_0x3bc0db=>_0x3bc0db[_0x20d110(0x1d2)]=!![]),views=this['config'][_0x20d110(0x1e6)]['concat'](views));if(views[_0x20d110(0x17c)]&&!_0x40666b)_0x40666b=views[0x0]['name'];Object[_0x20d110(0x1ec)](this,{'views':views,'viewName':_0x40666b});const _0x129a3b=storage[_0x20d110(0x1da)][_0x20d110(0x1bf)](_0x20d110(0x1b2)+this[_0x20d110(0x1dd)]+']');if(_0x129a3b?.[_0x20d110(0x173)])this[_0x20d110(0x173)]=_0x129a3b[_0x20d110(0x173)];this['sortableColumns']=this[_0x20d110(0x1b7)][_0x20d110(0x1e3)](_0x161bc1=>!_0x161bc1[_0x20d110(0x1c4)]),this[_0x20d110(0x173)]?this[_0x20d110(0x1de)](this[_0x20d110(0x173)]):this[_0x20d110(0x1c6)](this[_0x20d110(0x190)][_0x20d110(0x1cc)]?this[_0x20d110(0x190)]:_0x231875);},'open'(){const _0x5e5845=a49_0x3107c;this[_0x5e5845(0x176)]=!![];},'close'(){const _0x59b38d=a49_0x3107c;this[_0x59b38d(0x176)]=![];},'getCurrentView'(){const _0x4cad18=a49_0x3107c;return{'sorts':this[_0x4cad18(0x196)],'conditionNo':this[_0x4cad18(0x1be)],'conditions':this[_0x4cad18(0x193)][_0x4cad18(0x179)](_0x1e9faf=>{const {item:_0x2e1f49,ops:_0x943012,component:_0x1b0370,..._0x3d2bcf}=_0x1e9faf;return _0x3d2bcf;}),'expression':this[_0x4cad18(0x1d4)]};},'saveCache'(){const _0x30e578=a49_0x3107c,_0x2c9137={'views':this[_0x30e578(0x1e6)][_0x30e578(0x1e3)](_0x178e14=>!_0x178e14[_0x30e578(0x1d2)])};this['viewName']&&this['currentView']?(_0x2c9137[_0x30e578(0x173)]=this[_0x30e578(0x173)],Object[_0x30e578(0x1ec)](this[_0x30e578(0x1ac)],this[_0x30e578(0x189)]())):Object[_0x30e578(0x1ec)](_0x2c9137,this[_0x30e578(0x189)]()),storage['local'][_0x30e578(0x1b8)](this[_0x30e578(0x1d1)],_0x2c9137);},'setCurrentView'(_0x56dd71){const _0x22bb8f=a49_0x3107c;if(!_0x56dd71)return;_0x56dd71[_0x22bb8f(0x193)]?.['forEach'](_0x3c8664=>{const _0x117578=_0x22bb8f,{prop:_0x292362,op:_0x204fef,value:_0x40e4fc,universal:_0x584c89}=_0x3c8664;_0x3c8664['item']=this[_0x117578(0x1b7)][_0x117578(0x175)](_0x41d91e=>_0x41d91e[_0x117578(0x1a0)]===_0x292362),this[_0x117578(0x1e4)](_0x3c8664,_0x292362),this[_0x117578(0x1a9)](_0x3c8664,_0x204fef),_0x3c8664[_0x117578(0x19a)]=_0x40e4fc;const _0x7b3b8=_0x3c8664['item'][_0x117578(0x1bb)]||_0x3c8664['component'];_0x3c8664[_0x117578(0x182)]=COMPONENT_OPS[_0x584c89?'universal':_0x7b3b8][_0x117578(0x179)](_0x5c280c=>OPS[_0x5c280c]);}),!_0x56dd71[_0x22bb8f(0x1be)]&&_0x56dd71['conditions']?.[_0x22bb8f(0x17c)]&&(_0x56dd71[_0x22bb8f(0x1be)]=Math[_0x22bb8f(0x198)]['apply'](null,_0x56dd71[_0x22bb8f(0x193)][_0x22bb8f(0x179)](_0x23d500=>_0x23d500['no']))+0x1),this[_0x22bb8f(0x173)]=_0x56dd71[_0x22bb8f(0x178)],Object[_0x22bb8f(0x1ec)](this,_0x56dd71);},'handleSearch'(){const _0x16694e=a49_0x3107c;let _0x41681a=null;try{_0x41681a=this[_0x16694e(0x1a2)]();}catch(_0x44a1a4){return Message['w'](_0x44a1a4['toString']()),![];}return this['uid']&&_0x41681a&&this[_0x16694e(0x194)](),_0x41681a=_0x41681a||{'where':{}},_0x41681a[_0x16694e(0x1ce)]=0x1,this[_0x16694e(0x174)](_0x16694e(0x1bc),_0x41681a),this[_0x16694e(0x176)]=![],!![];},'handleReset'(){const _0x9734e0={'sorts':[],'conditionNo':0x1,'conditions':[],'expression':''};Object['assign'](this,_0x9734e0),this['setCurrentView'](_0x9734e0);},'calcParams'(){const _0x124f61=a49_0x3107c,_0x3b69db=this[_0x124f61(0x18d)]();if(!_0x3b69db)return;const _0x5c745d=(_0x5c5c56,_0x5ba614)=>{const _0x2b7ade=_0x124f61,_0x148167=[],_0x52ba6f=_0x2b7ade(0x1ad)+_0x5c5c56['type']+']';_0x5ba614[_0x52ba6f]=_0x148167;for(let _0x18bed2 of _0x5c5c56[_0x2b7ade(0x1ae)]){if(typeof _0x18bed2==='string'){const _0x5b31b0=this[_0x2b7ade(0x193)][_0x2b7ade(0x175)](_0x903e41=>_0x903e41['no']===_0x18bed2*0x1);if(!_0x5b31b0)throw _0x2b7ade(0x18c)+_0x18bed2;else{if(!this[_0x2b7ade(0x1d6)](_0x5b31b0)){if(this['config'][_0x2b7ade(0x1cc)]||this[_0x2b7ade(0x190)]['ignoreUnfilled'])continue;throw'条件不完整:\x20'+_0x18bed2;}}_0x148167[_0x2b7ade(0x1df)](this[_0x2b7ade(0x1e2)](_0x5b31b0));}else{const _0x56cc7c={};_0x148167['push'](_0x56cc7c),_0x5c745d(_0x18bed2,_0x56cc7c);}}if(!_0x148167['length'])delete _0x5ba614[_0x52ba6f];},_0x3e6b8c={};_0x5c745d(_0x3b69db,_0x3e6b8c);const _0x2afbfa={'where':_0x3e6b8c};return this['sorts']['length']&&(_0x2afbfa[_0x124f61(0x1c8)]=deepCopy(this['sorts'])),_0x2afbfa;},'calcTree'(_0x361029=!![]){const _0x28bdb1=a49_0x3107c,_0xfcab23=this['expression'][_0x28bdb1(0x1b5)]()[_0x28bdb1(0x1db)]('&&',_0x28bdb1(0x1aa))[_0x28bdb1(0x1db)]('||','or')['replace'](/and/ig,_0x28bdb1(0x1aa))['replace'](/or/ig,'or');if(!_0xfcab23)return null;const _0x32bee4=_0xfcab23['split'](/(\(|\)|\s)/)[_0x28bdb1(0x1e3)](_0x308409=>_0x308409[_0x28bdb1(0x1b5)]()),_0x38f7f2=(_0x3cc787,_0x5e4239)=>{const _0xdee131=_0x28bdb1;while(_0x5e4239[_0xdee131(0x17c)]){const _0x464987=_0x5e4239['shift']();if([_0xdee131(0x1aa),'or'][_0xdee131(0x19d)](_0x464987)){if(_0x3cc787[_0xdee131(0x1b0)]&&_0x3cc787[_0xdee131(0x1b0)]!==_0x464987)throw _0xdee131(0x1a3);_0x3cc787[_0xdee131(0x1b0)]=_0x464987;}else{if(_0x464987==='('){const _0x348a8a={'type':'','items':[]};_0x3cc787[_0xdee131(0x1ae)][_0xdee131(0x1df)](_0x348a8a),_0x348a8a['_parent']=_0x3cc787,_0x38f7f2(_0x348a8a,_0x5e4239);break;}else _0x464987===')'?(_0x38f7f2(_0x3cc787[_0xdee131(0x1b3)],_0x5e4239),delete _0x3cc787[_0xdee131(0x1b3)]):_0x3cc787['items'][_0xdee131(0x1df)](_0x464987);}}},_0x29adeb={'type':'','items':[]};return _0x38f7f2(_0x29adeb,_0x32bee4),_0x361029&&(_0x29adeb['type']||=_0x28bdb1(0x1aa)),_0x29adeb;},'calcExpression'(_0x3d6af5){const _0x4ed66f=a49_0x3107c,_0x30daba=_0x1af18e=>{const _0xe648bc=a49_0x2a51;if(!_0x1af18e)return'';if(typeof _0x1af18e==='string')return _0x1af18e;const {type:_0x233483,items:_0x178f22}=_0x1af18e;if(!_0x178f22[_0xe648bc(0x17c)])return'';return'('+_0x178f22['map'](_0x30daba)[_0xe648bc(0x1e3)](_0x97c905=>_0x97c905)[_0xe648bc(0x1d7)]('\x20'+_0x233483+'\x20')+')';};let _0x15ce88=_0x30daba(_0x3d6af5)[_0x4ed66f(0x17e)](0x1,-0x1);while(/\(\d+\)/['test'](_0x15ce88)){_0x15ce88=_0x15ce88['replace'](/\((\d+)\)/g,'$1');}return _0x15ce88;},'parseCondition'(_0x79477a){const _0x14140b=a49_0x3107c;let {item:_0x493eb2,component:_0x3075d3,prop:_0x408652,op:_0x4b7d28,value:_0x536a61}=_0x79477a;const _0x1a16a6={};if(_0x4b7d28==='special'){const _0x3f90ca=_0x536a61[_0x14140b(0x1dc)](_0x14140b(0x17a)),_0x36101f=_0x536a61['startsWith'](_0x14140b(0x171));if(_0x536a61['includes']('NULL'))_0x536a61=null;else _0x536a61[_0x14140b(0x19d)]('BLANK')&&(_0x536a61='');if(_0x3f90ca)_0x536a61={'[Op.not]':_0x536a61};else _0x36101f&&(_0x536a61={'[Op.ne]':_0x536a61});return _0x1a16a6[_0x408652]=_0x536a61,_0x1a16a6;}return(_0x4b7d28===_0x14140b(0x1ab)||_0x4b7d28===_0x14140b(0x1b9))&&(_0x536a61='%'+_0x536a61+'%'),(_0x4b7d28==='in'||_0x4b7d28===_0x14140b(0x199))&&(!_0x493eb2['options']&&(_0x536a61=_0x536a61['split'](','),(_0x3075d3===_0x14140b(0x1c2)||_0x3075d3===_0x14140b(0x19b)||_0x79477a[_0x14140b(0x1b0)]===_0x14140b(0x19c))&&(_0x536a61=_0x536a61[_0x14140b(0x179)](Number)))),_0x1a16a6[_0x408652]={['[Op.'+_0x4b7d28+']']:_0x536a61},_0x1a16a6;},'checkFilled'(_0x451b8a){const _0x381634=a49_0x3107c;if(!_0x451b8a[_0x381634(0x1a0)]||!_0x451b8a['op'])return![];const _0xb9c37a=Array[_0x381634(0x1ed)](_0x451b8a[_0x381634(0x19a)])?_0x451b8a[_0x381634(0x19a)]:[_0x451b8a[_0x381634(0x19a)]];return _0xb9c37a['length']&&_0xb9c37a['every'](_0x3725bb=>{const _0x35a545=_0x381634;return typeof _0x3725bb!=='string'||_0x3725bb[_0x35a545(0x17c)];});},'handleAdd'(){const _0x438e68=a49_0x3107c;this[_0x438e68(0x193)][_0x438e68(0x1df)]({'no':this[_0x438e68(0x1be)]++,'prop':'','op':'','value':'','component':_0x438e68(0x17d),'ops':[],'item':{}});},'handleDelete'(_0x1dfad5){const _0x1cb8e9=a49_0x3107c,_0xcdbe3d=this[_0x1cb8e9(0x193)][_0x1dfad5]['no']+'',_0x38c1eb=this[_0x1cb8e9(0x18d)](![]),_0x2dd1c9=_0x4908d3=>{const _0x256f1e=_0x1cb8e9;if(!_0x4908d3)return;for(let _0x2debe6=_0x4908d3['items']['length']-0x1;_0x2debe6>=0x0;_0x2debe6--){if(_0x4908d3['items'][_0x2debe6]===_0xcdbe3d)_0x4908d3[_0x256f1e(0x1ae)][_0x256f1e(0x191)](_0x2debe6,0x1);else typeof _0x4908d3[_0x256f1e(0x1ae)][_0x2debe6]==='object'&&_0x2dd1c9(_0x4908d3[_0x256f1e(0x1ae)][_0x2debe6]);}};_0x2dd1c9(_0x38c1eb),this[_0x1cb8e9(0x1d4)]=this[_0x1cb8e9(0x1a7)](_0x38c1eb),this['conditions'][_0x1cb8e9(0x191)](_0x1dfad5,0x1);},'handleSelectField'(_0x1f6d9c,_0x3c61aa){const _0x1212d6=a49_0x3107c;_0x1f6d9c[_0x1212d6(0x19a)]='',_0x1f6d9c[_0x1212d6(0x1a0)]=_0x3c61aa,_0x1f6d9c[_0x1212d6(0x1e7)]=this[_0x1212d6(0x1b7)][_0x1212d6(0x175)](_0x5c1afe=>_0x5c1afe['prop']===_0x1f6d9c[_0x1212d6(0x1a0)])||{};const {options:_0x8ecf2c,type:_0x6f850d,formAttrs:formAttrs={}}=_0x1f6d9c['item'],_0x3bbd6f={..._0x1f6d9c[_0x1212d6(0x1e7)],...formAttrs},{comp:_0x3c698f,universal:_0x499817,visible:_0x373ef0,canAdd:_0x5c1f6e,canEdit:_0xad3514,required:_0x576f28,slot:_0x205847,span:_0x5c47d6,tableAttrs:_0x300fbf,formAttrs:_0x5ba299,tagTypes:_0x15bf62,tagValues:_0x4efa99,width:_0x1f14ad,minWidth:_0x2004f9,disabled:_0xd1b362,readonly:_0x3ae5d5,..._0x579b6a}=_0x3bbd6f;_0x579b6a[_0x1212d6(0x1b1)]??=!![],_0x1f6d9c[_0x1212d6(0x190)]=_0x579b6a,_0x1f6d9c[_0x1212d6(0x177)]=_0x3c698f||_0x8ecf2c&&_0x1212d6(0x1e0)||_0x6f850d==='number'&&_0x1212d6(0x1c2)||_0x1212d6(0x17d),_0x1f6d9c[_0x1212d6(0x182)]=COMPONENT_OPS[_0x499817?_0x1212d6(0x1eb):_0x1f6d9c[_0x1212d6(0x177)]][_0x1212d6(0x179)](_0x3e56fb=>OPS[_0x3e56fb]),_0x1f6d9c['op']=_0x1f6d9c['ops'][0x0]['value'];_0x1f6d9c[_0x1212d6(0x177)]===_0x1212d6(0x17b)&&(_0x1f6d9c[_0x1212d6(0x177)]=_0x1212d6(0x17d),_0x579b6a[_0x1212d6(0x1b0)]=_0x1212d6(0x1a4));if(_0x579b6a[_0x1212d6(0x1b0)]===_0x1212d6(0x1bd))delete _0x579b6a[_0x1212d6(0x1b0)];},'handleSelectOp'(_0x4ce084,_0x341d8a){const _0x23c464=a49_0x3107c;_0x4ce084['op']=_0x341d8a;if(_0x341d8a==='between')_0x4ce084['value']=['',''];else['in',_0x23c464(0x199)][_0x23c464(0x19d)](_0x341d8a)&&(_0x4ce084[_0x23c464(0x19a)]=[]);(_0x341d8a===_0x23c464(0x1c0)||![_0x23c464(0x1c7),'in','notIn'][_0x23c464(0x19d)](_0x341d8a)&&Array[_0x23c464(0x1ed)](_0x341d8a))&&(_0x4ce084[_0x23c464(0x19a)]='');},'handleSelectView'(_0x5b8aa5){const _0x385ed1=a49_0x3107c;if(!_0x5b8aa5)this[_0x385ed1(0x1a5)]();else{const _0x8ea3bf=this[_0x385ed1(0x1e6)][_0x385ed1(0x175)](_0x2780ce=>_0x2780ce[_0x385ed1(0x178)]===_0x5b8aa5);if(!_0x8ea3bf)return this[_0x385ed1(0x173)]='',this[_0x385ed1(0x1a5)](),this[_0x385ed1(0x194)]();this[_0x385ed1(0x1c6)](deepCopy(_0x8ea3bf));}},async 'handleSaveView'(){const _0x41f6cc=a49_0x3107c,_0x2249e8=this[_0x41f6cc(0x189)]();let _0x2e59cd=![];if(this['viewName']&&this[_0x41f6cc(0x1ac)]){_0x2e59cd=this[_0x41f6cc(0x1ac)]['is_system'];if(!_0x2e59cd){Object[_0x41f6cc(0x1ec)](this[_0x41f6cc(0x1ac)],_0x2249e8),this['saveCache'](),Message['s'](_0x41f6cc(0x1c9));return;}}let _0xa19673=await Prompt({'title':'提示','message':(_0x2e59cd?_0x41f6cc(0x1e8):'')+_0x41f6cc(0x1b4)});_0xa19673=_0xa19673['trim']();if(!_0xa19673)return;if(this[_0x41f6cc(0x1e6)][_0x41f6cc(0x1c3)](_0x1fbec7=>_0x1fbec7[_0x41f6cc(0x178)]===_0xa19673))return Message['w'](_0x41f6cc(0x1d0)+_0xa19673+_0x41f6cc(0x1e1));this['views'][_0x41f6cc(0x1df)]({'name':_0xa19673,..._0x2249e8}),this[_0x41f6cc(0x173)]=_0xa19673,this[_0x41f6cc(0x1de)](_0xa19673),this[_0x41f6cc(0x194)](),Message['s'](_0x41f6cc(0x1c9));},async 'handleDeleteView'(_0x284aec,_0x95ed18,_0x158948){const _0x4e6e93=a49_0x3107c;_0x158948[_0x4e6e93(0x187)]();if(!await Confirm['w']({'title':'提示','message':_0x4e6e93(0x19e)+_0x284aec['name']+_0x4e6e93(0x185)}))return;this['viewName']===_0x284aec[_0x4e6e93(0x178)]&&(this['viewName']='',this['handleReset']()),this[_0x4e6e93(0x1e6)][_0x4e6e93(0x191)](_0x95ed18,0x1),this[_0x4e6e93(0x194)](),Message['s']('视图\x20['+_0x284aec[_0x4e6e93(0x178)]+_0x4e6e93(0x192));},'handleSearchView'(_0x4d51a0){const _0x4966c4=a49_0x3107c;this[_0x4966c4(0x1c6)](_0x4d51a0);if(!this['handleSearch']())return;this['$emit'](_0x4966c4(0x1c1),{'viewName':_0x4d51a0['name']});},'handleAddSort'(){const _0x5558e3=a49_0x3107c;this[_0x5558e3(0x196)][_0x5558e3(0x1df)]([this['sortableColumns'][0x0]['prop'],'asc']);}}};

package/packages/components/xtable/settings.js

@@ -1,80 +1 @@
-import { Confirm } from '../../utils/message.js'
-
-export default {
-  name: 'Settings',
-  props: {
-    modelValue: Object
-  },
-  emits: ['update:modelValue', 'reset', 'init', 'save'],
-  data () {
-    return {
-      activeName: 'columns',
-      columns: []
-    }
-  },
-  computed: {
-    hideColumns () {
-      const value = this.$attrs['hide-settings-columns']
-      return value === '' || value === true
-    }
-  },
-  watch: {
-    modelValue: {
-      handler (value) {
-        this.columns = value.columns.map(col => {
-          return {
-            ...col,
-            show: col.show !== false,
-            width: col.width || col.minWidth
-          }
-        })
-      },
-      immediate: true
-    }
-  },
-  async mounted () {
-    await window.DynamicLibs?.use('Sortable')
-    this.initDraggable()
-  },
-  beforeUnmount () {
-    this.sortable?.destroy()
-  },
-  methods: {
-    initDraggable () {
-      const dict = {}
-      this.columns.forEach(col => dict[col.prop] = col)
-      this.sortable = new window.Sortable(this.$refs.colsTable, {
-        sort: true,
-        draggable: '.row',
-        onEnd: (e) => {
-          const props = [...e.to.querySelectorAll('.row')].map(e => e.dataset.prop)
-          this.columns = props.map(p => dict[p])
-          this.update()
-        }
-      })
-    },
-    async handleResetColumns () {
-      if (!await Confirm.w({ message: '确定重置吗？', title: '警告' })) return
-      this.columns = []
-      this.update()
-      this.$emit('init')
-    },
-    handleToggle (column) {
-      column.show = !column.show
-      this.update()
-    },
-    update () {
-      this.columns.forEach(col => {
-        col.hide = !col.show
-      })
-      const modelValue = {
-        ...this.modelValue,
-        columns: this.columns.map(col => {
-          const { prop, label, show, hide, width } = col
-          return { prop, label, show, hide, width }
-        })
-      }
-      this.$emit('save', modelValue)
-    }
-  }
-}
+function a50_0x1624(){const _0x43c4bf=['init','initDraggable','use','DynamicLibs','columns','Sortable','hide','map','5642586AKwNke','Settings','modelValue','681312SGUTzH','colsTable','destroy','update:modelValue','dataset','update','reset','$attrs','prop','3383002BzjCqd','forEach','$emit','2039005WSgOXK','show','2pynwFw','.row','4WVlsdn','845610CwkNIf','minWidth','save','757054pFZYEK','sortable','8JRMIFL','3427458FEltJo','querySelectorAll'];a50_0x1624=function(){return _0x43c4bf;};return a50_0x1624();}const a50_0x38f1d9=a50_0xf641;function a50_0xf641(_0x318ad5,_0x30f49e){const _0x16248e=a50_0x1624();return a50_0xf641=function(_0xf641c0,_0x1a768c){_0xf641c0=_0xf641c0-0x1cf;let _0x46eb08=_0x16248e[_0xf641c0];return _0x46eb08;},a50_0xf641(_0x318ad5,_0x30f49e);}(function(_0x571f5d,_0x1c62d5){const _0x62e317=a50_0xf641,_0x6c24c4=_0x571f5d();while(!![]){try{const _0x583455=parseInt(_0x62e317(0x1df))/0x1+parseInt(_0x62e317(0x1d9))/0x2*(-parseInt(_0x62e317(0x1ef))/0x3)+-parseInt(_0x62e317(0x1db))/0x4*(-parseInt(_0x62e317(0x1d7))/0x5)+-parseInt(_0x62e317(0x1e2))/0x6+parseInt(_0x62e317(0x1d4))/0x7*(-parseInt(_0x62e317(0x1e1))/0x8)+parseInt(_0x62e317(0x1ec))/0x9+-parseInt(_0x62e317(0x1dc))/0xa;if(_0x583455===_0x1c62d5)break;else _0x6c24c4['push'](_0x6c24c4['shift']());}catch(_0x282c65){_0x6c24c4['push'](_0x6c24c4['shift']());}}}(a50_0x1624,0x67e8f));import{Confirm}from'../../utils/message.js';export default{'name':a50_0x38f1d9(0x1ed),'props':{'modelValue':Object},'emits':[a50_0x38f1d9(0x1f2),a50_0x38f1d9(0x1d1),a50_0x38f1d9(0x1e4),a50_0x38f1d9(0x1de)],'data'(){const _0x34e690=a50_0x38f1d9;return{'activeName':_0x34e690(0x1e8),'columns':[]};},'computed':{'hideColumns'(){const _0x4ca79e=a50_0x38f1d9,_0x3d7f01=this[_0x4ca79e(0x1d2)]['hide-settings-columns'];return _0x3d7f01===''||_0x3d7f01===!![];}},'watch':{'modelValue':{'handler'(_0x1fdf2b){const _0x4309d9=a50_0x38f1d9;this[_0x4309d9(0x1e8)]=_0x1fdf2b['columns']['map'](_0x8dcba7=>{const _0x1a3c4e=_0x4309d9;return{..._0x8dcba7,'show':_0x8dcba7['show']!==![],'width':_0x8dcba7['width']||_0x8dcba7[_0x1a3c4e(0x1dd)]};});},'immediate':!![]}},async 'mounted'(){const _0x56dda9=a50_0x38f1d9;await window[_0x56dda9(0x1e7)]?.[_0x56dda9(0x1e6)](_0x56dda9(0x1e9)),this[_0x56dda9(0x1e5)]();},'beforeUnmount'(){const _0x191d1f=a50_0x38f1d9;this[_0x191d1f(0x1e0)]?.[_0x191d1f(0x1f1)]();},'methods':{'initDraggable'(){const _0x48d9b6=a50_0x38f1d9,_0x53387c={};this[_0x48d9b6(0x1e8)][_0x48d9b6(0x1d5)](_0x3046d7=>_0x53387c[_0x3046d7[_0x48d9b6(0x1d3)]]=_0x3046d7),this['sortable']=new window[(_0x48d9b6(0x1e9))](this['$refs'][_0x48d9b6(0x1f0)],{'sort':!![],'draggable':_0x48d9b6(0x1da),'onEnd':_0x43cbb8=>{const _0xd55c13=_0x48d9b6,_0x287248=[..._0x43cbb8['to'][_0xd55c13(0x1e3)](_0xd55c13(0x1da))][_0xd55c13(0x1eb)](_0x5af26b=>_0x5af26b[_0xd55c13(0x1cf)][_0xd55c13(0x1d3)]);this['columns']=_0x287248[_0xd55c13(0x1eb)](_0x231a8e=>_0x53387c[_0x231a8e]),this[_0xd55c13(0x1d0)]();}});},async 'handleResetColumns'(){const _0x1df33f=a50_0x38f1d9;if(!await Confirm['w']({'message':'确定重置吗？','title':'警告'}))return;this[_0x1df33f(0x1e8)]=[],this[_0x1df33f(0x1d0)](),this['$emit'](_0x1df33f(0x1e4));},'handleToggle'(_0x21d251){const _0x1b08db=a50_0x38f1d9;_0x21d251['show']=!_0x21d251[_0x1b08db(0x1d8)],this[_0x1b08db(0x1d0)]();},'update'(){const _0x442b76=a50_0x38f1d9;this['columns'][_0x442b76(0x1d5)](_0x3a6eec=>{const _0x44e4a5=_0x442b76;_0x3a6eec[_0x44e4a5(0x1ea)]=!_0x3a6eec[_0x44e4a5(0x1d8)];});const _0x1a9efc={...this[_0x442b76(0x1ee)],'columns':this[_0x442b76(0x1e8)][_0x442b76(0x1eb)](_0x4749ab=>{const {prop:_0x503d08,label:_0x5d601f,show:_0x14f029,hide:_0x426a22,width:_0xd59984}=_0x4749ab;return{'prop':_0x503d08,'label':_0x5d601f,'show':_0x14f029,'hide':_0x426a22,'width':_0xd59984};})};this[_0x442b76(0x1d6)](_0x442b76(0x1de),_0x1a9efc);}}};