@hostlink/nuxt-light 1.40.0 → 1.40.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +41 -40
  3. package/dist/runtime/components/l-app.vue +0 -1
  4. package/dist/runtime/pages/User/setting/style.vue +54 -58
  5. package/package.json +1 -1
package/dist/module.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "light",
3
3
  "configKey": "light",
4
- "version": "1.40.0",
4
+ "version": "1.40.1",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "1.0.1",
7
7
  "unbuild": "3.5.0"
package/dist/module.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { defineNuxtModule, createResolver, extendPages, installModule, addComponentsDir, addImportsDir, resolveFiles, addPlugin } from '@nuxt/kit';
1
+ import { defineNuxtModule, createResolver, extendPages, addComponentsDir, addImportsDir, resolveFiles, addPlugin } from '@nuxt/kit';
2
2
 
3
3
  const routes = [
4
4
  {
@@ -254,8 +254,46 @@ const module = defineNuxtModule({
254
254
  name: "light",
255
255
  configKey: "light"
256
256
  },
257
- // Default configuration options of the Nuxt module
258
- defaults: {},
257
+ moduleDependencies: {
258
+ "nuxt-quasar-ui": {
259
+ defaults: {
260
+ config: {
261
+ brand: {
262
+ primary: "#7367f0",
263
+ secondary: "#82868b",
264
+ accent: "#9C27B0",
265
+ dark: "#4b4b4b",
266
+ darkPage: "#121212",
267
+ positive: "#28c76f",
268
+ negative: "#ea5455",
269
+ info: "#00cfe8",
270
+ warning: "#ff9f43"
271
+ }
272
+ },
273
+ components: {
274
+ defaults: {
275
+ QInput: {
276
+ stackLabel: true
277
+ },
278
+ QSelect: {
279
+ stackLabel: true
280
+ },
281
+ QCard: {
282
+ flat: true,
283
+ bordered: true
284
+ },
285
+ QTable: {
286
+ dense: true,
287
+ flat: true,
288
+ bordered: true,
289
+ separator: "cell"
290
+ }
291
+ }
292
+ },
293
+ plugins: ["Dialog", "Loading", "LoadingBar", "Notify", "AppFullscreen"]
294
+ }
295
+ }
296
+ },
259
297
  /* hooks: {
260
298
  async 'pages:extend'(pages) {
261
299
  pages.push(...routes);
@@ -286,43 +324,6 @@ const module = defineNuxtModule({
286
324
  });
287
325
  }
288
326
  });
289
- await installModule("nuxt-quasar-ui", {
290
- config: {
291
- brand: {
292
- primary: "#7367f0",
293
- secondary: "#82868b",
294
- accent: "#9C27B0",
295
- dark: "#4b4b4b",
296
- darkPage: "#121212",
297
- positive: "#28c76f",
298
- negative: "#ea5455",
299
- info: "#00cfe8",
300
- warning: "#ff9f43"
301
- }
302
- },
303
- components: {
304
- defaults: {
305
- QInput: {
306
- stackLabel: true,
307
- outlined: true
308
- },
309
- QSelect: {
310
- stackLabel: true
311
- },
312
- QCard: {
313
- flat: true,
314
- bordered: true
315
- },
316
- QTable: {
317
- dense: true,
318
- flat: true,
319
- bordered: true,
320
- separator: "cell"
321
- }
322
- }
323
- },
324
- plugins: ["Dialog", "Loading", "LoadingBar", "Notify", "AppFullscreen"]
325
- });
326
327
  nuxt.options.imports = nuxt.options.imports || {};
327
328
  nuxt.options.imports.presets = nuxt.options.imports.presets || [];
328
329
  nuxt.options.imports.presets.push({ from: "quasar", imports: ["useQuasar"] });
package/dist/runtime/components/l-app.vue CHANGED
@@ -4,7 +4,6 @@ import { useLight, watch } from "#imports";
4
4
  import { useQuasar } from "quasar";
5
5
  import { q } from "#imports";
6
6
  import { useRoute } from "vue-router";
7
- import "../assets/main.css";
8
7
  const route = useRoute();
9
8
  const light = useLight();
10
9
  const quasar = useQuasar();
package/dist/runtime/pages/User/setting/style.vue CHANGED
@@ -84,73 +84,69 @@ const inputDesign = computed({
84
84
  <div class="q-pa-md">
85
85
  <l-row>
86
86
  <l-col md="6">
87
- <l-form @save="onSave" :bordered="false" class="q-ma-none">
88
- <l-card title="Table" minimizable>
89
- <q-card-section>
90
- <q-toggle v-model="styles.table.dense" label="Dense" :color="$light.color" />
91
- <q-toggle v-model="styles.table.flat" label="Flat" :color="$light.color" />
92
- <q-toggle v-model="styles.table.bordered" label="Bordered" :color="$light.color" />
93
- <q-toggle v-model="styles.table.square" label="Square" :color="$light.color" />
94
-
95
- <q-field :label="`Separator`" stack-label :color="$light.color">
96
- <q-option-group v-model="styles.table.separator" inline :options="[
97
- { label: 'Horizontal', value: 'horizontal' },
98
- { label: 'Vertical', value: 'vertical' },
99
- { label: 'Cell', value: 'cell' },
100
- { label: 'None', value: 'none' },
101
- ]" :color="$light.color" />
102
- </q-field>
103
-
104
- </q-card-section>
105
- </l-card>
106
-
107
- <l-card title="Card" minimizable>
108
- <q-card-section>
109
- <q-toggle v-model="styles.card.flat" label="Flat" :color="$light.color" />
110
- <q-toggle v-model="styles.card.bordered" label="Bordered" :color="$light.color" />
111
- <q-toggle v-model="styles.card.square" label="Square" :color="$light.color" />
112
- </q-card-section>
113
- </l-card>
114
-
115
- <l-card title="Button" minimizable>
116
- <q-card-section>
117
- <q-toggle v-model="styles.button.outline" label="Outline" :color="$light.color" />
118
- <q-toggle v-model="styles.button.flat" label="Flat" :color="$light.color" />
119
- <q-toggle v-model="styles.button.unelevated" label="Unelevated" :color="$light.color" />
120
- <q-toggle v-model="styles.button.rounded" label="Rounded" :color="$light.color" />
121
- <q-toggle v-model="styles.button.push" label="Push" :color="$light.color" />
122
- <q-toggle v-model="styles.button.square" label="Square" :color="$light.color" />
123
- <q-toggle v-model="styles.button.glossy" label="Glossy" :color="$light.color" />
124
- <q-toggle v-model="styles.button.dense" label="Dense" :color="$light.color" />
125
-
126
- </q-card-section>
127
- </l-card>
128
-
129
- <l-card title="Input" minimizable>
130
- <q-card-section>
131
-
132
- <q-option-group v-model="inputDesign" inline :options="[
87
+ <l-card title="Table" minimizable class="col-12">
88
+ <q-card-section>
89
+ <q-toggle v-model="styles.table.dense" label="Dense" :color="$light.color" />
90
+ <q-toggle v-model="styles.table.flat" label="Flat" :color="$light.color" />
91
+ <q-toggle v-model="styles.table.bordered" label="Bordered" :color="$light.color" />
92
+ <q-toggle v-model="styles.table.square" label="Square" :color="$light.color" />
93
+
94
+ <q-field :label="`Separator`" stack-label :color="$light.color">
95
+ <q-option-group v-model="styles.table.separator" inline :options="[
96
+ { label: 'Horizontal', value: 'horizontal' },
97
+ { label: 'Vertical', value: 'vertical' },
98
+ { label: 'Cell', value: 'cell' },
133
99
  { label: 'None', value: 'none' },
134
- { label: 'Filled', value: 'filled' },
135
- { label: 'Outlined', value: 'outlined' },
136
- { label: 'Standout', value: 'standout' },
137
- { label: 'Borderless', value: 'borderless' },
138
100
  ]" :color="$light.color" />
101
+ </q-field>
139
102
 
103
+ </q-card-section>
104
+ </l-card>
105
+
106
+ <l-card title="Card" minimizable>
107
+ <q-card-section>
108
+ <q-toggle v-model="styles.card.flat" label="Flat" :color="$light.color" />
109
+ <q-toggle v-model="styles.card.bordered" label="Bordered" :color="$light.color" />
110
+ <q-toggle v-model="styles.card.square" label="Square" :color="$light.color" />
111
+ </q-card-section>
112
+ </l-card>
113
+
114
+ <l-card title="Button" minimizable>
115
+ <q-card-section>
116
+ <q-toggle v-model="styles.button.outline" label="Outline" :color="$light.color" />
117
+ <q-toggle v-model="styles.button.flat" label="Flat" :color="$light.color" />
118
+ <q-toggle v-model="styles.button.unelevated" label="Unelevated" :color="$light.color" />
119
+ <q-toggle v-model="styles.button.rounded" label="Rounded" :color="$light.color" />
120
+ <q-toggle v-model="styles.button.push" label="Push" :color="$light.color" />
121
+ <q-toggle v-model="styles.button.square" label="Square" :color="$light.color" />
122
+ <q-toggle v-model="styles.button.glossy" label="Glossy" :color="$light.color" />
123
+ <q-toggle v-model="styles.button.dense" label="Dense" :color="$light.color" />
140
124
 
125
+ </q-card-section>
126
+ </l-card>
127
+
128
+ <l-card title="Input" minimizable>
129
+ <q-card-section>
141
130
 
142
- <q-toggle v-model="styles.input.rounded" label="Rounded" :color="$light.color" />
143
- <q-toggle v-model="styles.input.dense" label="Dense" :color="$light.color" />
144
- <q-toggle v-model="styles.input.square" label="Square" :color="$light.color" />
145
- <q-toggle v-model="styles.input.stackLabel" label="Stack label" :color="$light.color" />
146
- </q-card-section>
147
- </l-card>
131
+ <q-option-group v-model="inputDesign" inline :options="[
132
+ { label: 'None', value: 'none' },
133
+ { label: 'Filled', value: 'filled' },
134
+ { label: 'Outlined', value: 'outlined' },
135
+ { label: 'Standout', value: 'standout' },
136
+ { label: 'Borderless', value: 'borderless' },
137
+ ]" :color="$light.color" />
148
138
 
149
- <l-btn @click="setDefault()" icon="sym_o_refresh" label="Default"></l-btn>
150
139
 
151
140
 
141
+ <q-toggle v-model="styles.input.rounded" label="Rounded" :color="$light.color" />
142
+ <q-toggle v-model="styles.input.dense" label="Dense" :color="$light.color" />
143
+ <q-toggle v-model="styles.input.square" label="Square" :color="$light.color" />
144
+ <q-toggle v-model="styles.input.stackLabel" label="Stack label" :color="$light.color" />
145
+ </q-card-section>
146
+ </l-card>
152
147
 
153
- </l-form>
148
+ <l-btn @click="setDefault()" icon="sym_o_refresh" label="Default"></l-btn>
149
+ <l-btn icon="sym_o_save" label="Save" @click="onSave" />
154
150
  </l-col>
155
151
 
156
152
  <l-col md="6">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hostlink/nuxt-light",
3
- "version": "1.40.0",
3
+ "version": "1.40.1",
4
4
  "description": "HostLink Nuxt Light Framework",
5
5
  "repository": {
6
6
  "type": "git",