@xilonglab/vue-main 0.8.16 → 0.8.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xilonglab/vue-main",
-  "version": "0.8.16",
+  "version": "0.8.18",
   "description": "xilong vue main",
   "main": "packages/index.js",
   "scripts": {

package/packages/index.js

@@ -1,19 +1,127 @@
-const imports = import.meta.globEager('./**/*.vue');
+import XlSideBar from './XlSideBar.vue'
+import XlControlBar from './XlControlBar.vue'
+import XlBreadcrumb from './XlBreadcrumb.vue'
+
+// Button Components
+import XlAsyncButton from './button/XlAsyncButton.vue'
+import XlButton from './button/XlButton.vue'
+import XlDeleteButton from './button/XlDeleteButton.vue'
+import XlEditButton from './button/XlEditButton.vue'
+import XlIconButton from './button/XlIconButton.vue'
+import XlUploadButton from './button/XlUploadButton.vue'
+
+// Form Components
+import XlCascader from './form/XlCascader.vue'
+import XlCheckbox from './form/XlCheckbox.vue'
+import XlDate from './form/XlDate.vue'
+import XlFormCol from './form/XlFormCol.vue'
+import XlFormRow from './form/XlFormRow.vue'
+import XlImageInput from './form/XlImageInput.vue'
+import XlInput from './form/XlInput.vue'
+import XlMapSelect from './form/XlMapSelect.vue'
+import XlNumber from './form/XlNumber.vue'
+import XlRadio from './form/XlRadio.vue'
+import XlRawSelect from './form/XlRawSelect.vue'
+import XlRegion from './form/XlRegion.vue'
+import XlSearchSelect from './form/XlSearchSelect.vue'
+import XlSelect from './form/XlSelect.vue'
+import XlSwitch from './form/XlSwitch.vue'
+import XlTabRadio from './form/XlTabRadio.vue'
+import XlTags from './form/XlTags.vue'
+import XlTextarea from './form/XlTextarea.vue'
+import XlTime from './form/XlTime.vue'
+
+// Dialog Components
+import XlDialog from './dialog/XlDialog.vue'
+import XlFormDialog from './dialog/XlFormDialog.vue'
+import XlStateDialog from './dialog/XlStateDialog.vue'
+import XlImagePreviewDialog from './dialog/XlImagePreviewDialog.vue'
+import XlMessageDialog from './dialog/XlMessageDialog.vue'
+import XlReviewDialog from './dialog/XlReviewDialog.vue'
+
+// Main Components
+import XlDataView from './main/XlDataView.vue'
+import XlDataReview from './main/XlDataReview.vue'
+import XlDataFormDialog from './main/XlDataFormDialog.vue'
+import XlDataReviewDialog from './main/XlDataReviewDialog.vue'
+import XlNavBar from './main/XlNavBar.vue'
+import XlTabView from './main/XlTabView.vue'
+import XlToolBar from './main/XlToolBar.vue'
+import XlVerticalMenu from './main/XlVerticalMenu.vue'
+import XlStatusIndicator from './main/XlStatusIndicator.vue'
+import XlUpdateIndicator from './main/XlUpdateIndicator.vue'
+import XlAutoSaver from './main/XlAutoSaver.vue'
+import XlLoginForm from './main/XlLoginForm.vue'
+
+const components = [
+    XlSideBar,
+    XlControlBar,
+    XlBreadcrumb,
+    // Buttons
+    XlAsyncButton,
+    XlButton,
+    XlDeleteButton,
+    XlEditButton,
+    XlIconButton,
+    XlUploadButton,
+    // Forms
+    XlCascader,
+    XlCheckbox,
+    XlDate,
+    XlFormCol,
+    XlFormRow,
+    XlImageInput,
+    XlInput,
+    XlMapSelect,
+    XlNumber,
+    XlRadio,
+    XlRawSelect,
+    XlRegion,
+    XlSearchSelect,
+    XlSelect,
+    XlSwitch,
+    XlTabRadio,
+    XlTags,
+    XlTextarea,
+    XlTime,
+    // Dialogs
+    XlDialog,
+    XlFormDialog,
+    XlStateDialog,
+    XlImagePreviewDialog,
+    XlMessageDialog,
+    XlReviewDialog,
+    // Main Components
+    XlDataView,
+    XlDataReview,
+    XlDataFormDialog,
+    XlDataReviewDialog,
+    XlNavBar,
+    XlTabView,
+    XlToolBar,
+    XlVerticalMenu,
+    XlStatusIndicator,
+    XlUpdateIndicator,
+    XlAutoSaver,
+    XlLoginForm
+];
 
 const install = (app) => {
-   for (const path in imports) {
-        const component = imports[path];
-        const regex = /\.\/\w+\/(\w+)\.vue$/;
-        const match = path.match(regex);
-        const name = match ? match[1] : null;
-        app.component(name, component.default);
-    }
+    components.forEach((component) => {
+        app.component(component.name, component);
+    });
 };
 
-if (typeof window !== 'undefined' && window.Vue) {
-    install(window.Vue)
-}
+let componentsJson = {}
+components.forEach(component => {
+    const componentName = component.name
+    component.install = function (app) {
+        app.component(componentName, component)
+    }
+    componentsJson[componentName] = component
+})
 
 export default {
-    install
+    install,
+    ...componentsJson
 }

package/packages/main/XlDataFormDialog.vue

@@ -65,6 +65,22 @@ defineExpose({
     <xl-dialog class="xl-data-form-dialog" :ref="refs.dialog" :title="chinese" :width="width" :validate="validate"
         :callback="callback" @finish="emits('finish')">
         <el-form :ref="refs.form" :model="obj" :rules="rules" :label-width="`${labelWidth}px`">
+            <el-row>
+              <template v-for="col in columns" :key="col.prop">
+                  <xl-form-col 
+                      v-if="col.form" 
+                      :span="col.form.span" 
+                      :l="col.label" 
+                      :p="col.prop"
+                  >
+                      <component 
+                          :is="`xl-${col.form.type || 'input'}`"
+                          v-model="obj.value[col.prop]"
+                          v-bind="col.form || {}"
+                      />
+                  </xl-form-col>
+              </template>
+            </el-row>
             <slot />
         </el-form>
     </xl-dialog>