@mixd-id/web-scaffold 0.1.230406104 → 0.1.230406106

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406104",
+  "version": "0.1.230406106",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",
@@ -11,6 +11,7 @@
   "exports": {
     ".": "./src/index.js",
     "./themes/default": "./src/themes/default/index.js",
+    "./components/Modal.vue": "./src/components/Modal.vue",
     "./components/Modal2.vue": "./src/components/Modal2.vue",
     "./components/Textbox.vue": "./src/components/Textbox.vue",
     "./mixin/component": "./src/mixin/component.js",

package/src/components/ListView.vue

@@ -359,7 +359,7 @@ export default{
 
           case 'create':
           case 'update':
-						if(Object.keys(items[0]).length <= 1 && Object.keys(items[0])[0] === 'uid'){
+						if(items[0] && Object.keys(items[0]).length <= 1 && Object.keys(items[0])[0] === 'uid'){
 							this.socketEmit2(this.src, {
 								columns:this.config.columns,
 								preset:{

package/src/components/Modal.vue

@@ -42,6 +42,7 @@
 let modals = []
 
 const registerModal = (modal) => {
+	if(modals.includes(modal)) return
 
 	modals.forEach((_) => {
 		_.isDisabled = 1
@@ -51,7 +52,6 @@ const registerModal = (modal) => {
 }
 
 const unRegisterModal = (modal) => {
-
 	modals = modals.filter((_) => _ !== modal)
 
 	if(modals.length > 0)
@@ -134,9 +134,11 @@ export default{
 		document.querySelector('.bW9k').addEventListener('click', this.onDismiss)
 		window.addEventListener('keydown', this.onKeyDown)
 
-		if(this.computedState){
-			this.setState(this.computedState)
-		}
+		this.$nextTick(() => {
+			if(this.computedState){
+				this.setState(this.computedState)
+			}
+		})
 	},
 
 	methods: {
@@ -220,7 +222,6 @@ export default{
 	@apply bg-base-400;
 	@apply border-[1px] border-text-50 z-20 flex max-h-[90vh];
 	@apply rounded-xl overflow-hidden;
-	transition:  all 300ms cubic-bezier(0.25, 1, 0.5, 1);
 }
 
 .modal form{

package/src/components/Modal2.vue

@@ -2,7 +2,7 @@
   <div>
     <Teleport to=".bW9k">
 			<div :class="computedClass" ref="modal" :style="computedStyle"
-					 :data-state="computedState ? 1 : 0">
+					 :data-state="!!computedState ? 1 : 0">
 				<form v-if="useForm" @submit.prevent="$emit('submit')">
 					<div class="modal-head">
 						<slot name="head" :context="context"></slot>
@@ -37,6 +37,7 @@
 let modals = []
 
 const registerModal = (modal) => {
+	if(modals.includes(modal)) return
 
 	modals.forEach((_) => {
 		_.isDisabled = 1
@@ -66,7 +67,10 @@ export default{
 			type: String,
 			default: 'bottom'
 		},
-		state: [ Number, Boolean, String ],
+		state: {
+			type: [ Number, Boolean, String ],
+			default: true
+		},
 		transition: { type: String, default: 'slideup' },
 		width: String,
 		useForm: {

package/src/components/Slider.vue

@@ -259,7 +259,7 @@ export default{
   }
 
   .slider>div:nth-child(1){
-    @apply absolute bg-base-300 rounded-lg;
+    @apply absolute bg-text-50 rounded-lg;
     height: .5rem;
     top: 50%;
     left: .75rem;
@@ -282,4 +282,4 @@ export default{
     touch-action: none;
   }
 
-</style>
+</style>